/* Retro: the willperlak.com house style as tokens.
 *
 * Near-black starfield, Comic Sans, ridged purple frames, a cyan double
 * border, a yellow focus colour, a green accent, square corners. The values
 * are WORKSPACE.md's "retro house style" table and the retro.css the apps
 * shipped before this file existed, with Scheduler's drift fixed
 * (--text-muted #bfb0dd, and --link added). Retro is dark only and ignores
 * data-scheme.
 *
 * Scoped to every <html> that is not clean, so a page with no data-theme at
 * all (one that never adopted theme-boot.js) is retro, the same rule
 * willperlak.com's site nav follows. An app's own retro tokens
 * (--chore-*, --bucket-*, --hue-*) stay in its retro.css.
 *
 * The names are the contract in the clean-theme plan, section 4; the same
 * names are defined for clean in clean-tokens.css. Retro has no elevation:
 * the shadows are `none`, and --ring is its solid focus outline. Retro's
 * `4px 4px 0 #000` offset shadows are decoration, and stay in each app's
 * retro.css where they already are.
 *
 * The Comic Relief @font-face is not here: the edge serves the font at
 * /fonts/, and each app's retro.css declares it with that URL. */

:root:not([data-theme="clean"]) {
  color-scheme: dark;

  /* Colour */
  --bg: #000010;
  --surface: #1a002a;
  --surface-alt: #0d0018;
  --surface-raised: #1a002a;
  --surface-highlight: transparent;
  --text: #eaeaea;
  --text-muted: #bfb0dd;
  /* New name; a dimmer lavender that still clears 4.5:1 on every surface. */
  --text-faint: #8877aa;
  --border: #cc00ff;
  --border-alt: #00ccff;
  --segment-thumb-border: #cc00ff;
  --accent: #00ff00;
  --accent-hover: #66ff66;
  --accent-text: #001a00;
  --accent-soft: #002200;
  --accent-soft-text: #99ff99;
  --link: #66e0ff;
  --focus: #ffee00;
  --danger: #ff3355;
  --danger-text: #1a0006;
  --danger-soft: #330008;
  --danger-soft-text: #ffcccc;
  --success: #00ff00;
  --success-soft: #002200;
  --success-soft-text: #99ff99;
  --warning: #ffee00;
  --warning-soft: #332b00;
  --warning-soft-text: #ffee66;
  --info: #00ccff;
  --info-soft: #001a33;
  --info-soft-text: #99e6ff;
  --toast-info-bg: var(--info-soft);
  --toast-info-fg: var(--info-soft-text);
  --toast-success-bg: var(--success-soft);
  --toast-success-fg: var(--success-soft-text);
  --toast-error-bg: var(--danger-soft);
  --toast-error-fg: var(--danger-soft-text);
  --scrim: rgba(0, 0, 16, 0.75);

  /* Elevation: none in retro */
  --shadow-1: none;
  --shadow-2: none;
  --shadow-3: none;
  --ring: 0 0 0 3px var(--focus);

  /* Shape, space, type */
  --radius-sm: 0px;
  --radius: 0px;
  --radius-lg: 0px;
  --radius-full: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --font-body: "Comic Sans MS", "Comic Relief", "Comic Sans", sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --text-xs: 0.8rem;
  --text-sm: 0.9rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.35rem;
  --text-2xl: 1.7rem;
  --weight-medium: 500;
  --weight-semibold: 600;
  --control-h: 44px;
}