/* Light tokens copied from src/styles/theme.css for the standalone demo slide. */
:root {
  /* raw brand palette — light variants.
     The CREAM ladder (v1 lock, 2026-08-07): sunrise-50 paper with
     even ~0.031 OKLab steps descending into the warm greige rungs. Wells
     drop toward the page (carved fills wear bg-1); cards sit at bg-2. */
  --okibi-bg-1: #fff8eb;
  --okibi-bg-2: #f6eede;
  --okibi-bg-3: #ede3d1;
  --okibi-bg-4: #e4d9c4;
  --okibi-fg-1: #322f3c;
  --okibi-fg-2: #464351;
  --okibi-fg-3: #65626f;
  --okibi-fg-4: #8f8d96;
  --okibi-amaranth: #e81659;
  --okibi-sunrise: #f4810c;
  --okibi-hexflame: #7830f7;
  --okibi-malachite: #00bc39;
  --okibi-punch: #c01046;
  --okibi-sky: #0ca0eb;
  --okibi-poison: #cdf25d;
  /* persimmon: the mark's red-orange, between punch and sunrise */
  --okibi-persimmon: #ef4a2f;
  /* the landing page's sunrise (user-picked 2026-08-21): one amber for
     both themes, deliberately softer than --okibi-sunrise; the landing's
     agent surfaces run it via .landing-hue-sunrise. Paired with the dark
     warning ink, also theme-invariant. */
  --landing-page-sunrise: #fbbc4e;
  --landing-page-sunrise-foreground: #251302;

  /* shadcn semantic variables */
  --background: var(--okibi-bg-1);
  --foreground: var(--okibi-fg-1);
  /* cards live ON the ladder (the v1 restack): one rung above the page,
     not an off-ladder white */
  --card: var(--okibi-bg-2);
  --card-foreground: var(--okibi-fg-1);
  --popover: var(--okibi-bg-2);
  --popover-foreground: var(--okibi-fg-1);
  /* accent = the brand pink (amaranth). Its hover companion is one step
     brighter in the same hue — the okibi-legacy ACCENT/HOVER_ACCENT
     pairing (styling.ts). */
  --accent: var(--okibi-amaranth);
  --accent-foreground: #ffffff;
  --accent-hover: #fa2a62;
  --secondary: var(--okibi-bg-2);
  --muted-foreground: var(--okibi-fg-3);
  /* transient hover surface — the one highlight level shared by menu items,
     ghost buttons, and list rows (the gray formerly named "accent") */
  --surface-hover: var(--okibi-bg-3);
  /* third surface ladder step, for stacks that need depth past secondary */
  --surface-tertiary: var(--okibi-bg-3);
  --destructive: var(--okibi-punch);
  --destructive-foreground: #ffffff;
  /* alpha ladder — translucent inks mixed off the foreground; the only
     sanctioned transparencies for surface stacking (ruling 2026-07-24).
     1 = whisper tint, 2 = soft wash / soft hairline, 3 = the standard
     hairline (--border), 4 = strong line (dashed slots, pending dots). */
  --alpha-1: color-mix(in srgb, var(--foreground) 2%, transparent);
  --alpha-2: color-mix(in srgb, var(--foreground) 5%, transparent);
  --alpha-3: color-mix(in srgb, var(--foreground) 14%, transparent);
  --alpha-4: color-mix(in srgb, var(--foreground) 32%, transparent);
  --border: var(--alpha-3);
  --input: rgba(50, 47, 60, 0.18);
  /* carved-in controls: fill sits below the surface, lip shadow on the
     top edge (see the carved utility). Wells drop TOWARD THE PAGE in the
     restacked light ladder. */
  --surface-inset: var(--okibi-bg-1);
  /* raised chips: fill one step above the bg-2 ground they sit on */
  --surface-raised: var(--okibi-bg-3);
  --carved-shadow: rgba(50, 47, 60, 0.14);
  /* raised-button rim: semi-transparent black so it darkens whatever fill
     it wraps (reads pink-dark on the action button). Kept for the landing
     register; app primaries wear --amaranth-deep. */
  --btns-rim: rgba(0, 0, 0, 0.15);
  /* the landing register's soft button shadow (its original shadow-md +
     shadow-black/30 stack, per-theme) — referenced only by .landing-sharp */
  --shadow-btn-soft:
    0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -2px rgba(0, 0, 0, 0.3);
  --ring: var(--okibi-amaranth);
  /* ── The system ink (locked 2026-08-07) ──
     THE edge color: 2px borders on surfaces, ring on controls, and the
     hard offset slabs. Near-black navy on the light page, pure black on
     dark. */
  --ink: #0c1018;
  /* primary-tier border: darker-same-hue on the amaranth fill (the
     PostHog pattern) */
  --amaranth-deep: color-mix(in srgb, var(--okibi-amaranth) 70%, #000);
  /* the one overlay wash behind dialogs, drawers, and chat modals — a
     visible scrim, never blurred */
  --scrim: color-mix(in srgb, var(--ink) 55%, transparent);
  /* switch thumb inks, both states, so call sites carry no dark: forks */
  --switch-thumb: var(--okibi-bg-1);
  --switch-thumb-checked: var(--okibi-bg-1);
  /* the inverse band (landing ThesisBand): the dark system's page as a
     plate inside the light theme, with its own muted ink */
  --surface-inverse: #17151e;
  --fg-on-inverse: #e7e7e9;
  --fg-on-inverse-muted: #8f8d96;
  /* third-party brand marks (unthemed, but they still live here) */
  --brand-gitlab: #fc6d26;
  /* The MILD ladder (landing-polishes work 2, user-locked 2026-08-05):
     base 6px derives sm 2 · md 4 · lg 6 · xl 10 · 2xl 12 — on-screen px,
     deliberately NOT rem so the +20% root type scale doesn't inflate
     corners past the approved shape. The landing page zeroes the whole
     ladder in-route (its sharp edge); marketing/app divergence is one
     adjacent family step by design. */
  --radius: 6px;

  /* okibi custom semantics */
  --success: var(--okibi-malachite);
  --success-foreground: #ffffff;
  --running: var(--okibi-sunrise);
  --running-foreground: #ffffff;
  /* warning shares sunrise: running = in-progress, warning = caution
     (downgrade confirms, destructive-adjacent notices) */
  --warning: var(--okibi-sunrise);
  --warning-foreground: #ffffff;
  --agent: var(--okibi-hexflame);
  --agent-foreground: #ffffff;
  --info: var(--okibi-sky);
  --info-foreground: #ffffff;
  --poison: var(--okibi-poison);
  --poison-foreground: #3a4a08;

  /* braille fire — the mark's own inks, and the only tokens taken from the
     ICON rather than from the UI palette: the flame is a reproduction of the
     mark, so its colours are the mark's, not the app's.

     One set for both themes: fewer, fatter dots carry the mark's own values
     at full strength on either ground, so there is nothing to compensate
     for. Same hues, same mark, same paper-independent drawing. */
  --flame-sunrise: #f4810c; /* the licks off the top */
  --flame-persimmon: #ef4a2f; /* the red-orange down the left */
  --flame-amaranth: #e81659; /* the pink under the persimmon */
  --flame-hexflame: #7830f7; /* the core */
  --flame-malachite: #00bc39; /* the base */
  --flame-body: #322f3c; /* the mark's dark shell, behind the licks */

  /* terminal blocks — light mode wears "Sunset" paper (Xcode's old
     yellowish theme, user-picked); dark mode overrides below */
  --terminal: #fff8eb;
  --terminal-border: rgba(122, 92, 24, 0.22);
  --terminal-foreground: #6e6248;
  --terminal-bright: #3a3020;
  --terminal-prompt: #b65e00;
  --terminal-dim: #a3945f;
  --terminal-agent: #7830f7;
  /* terminal surface pair + rail: the wells, chips, and tree hairlines
     inside terminal blocks — warm ink on the light paper, white lift in
     the dark panel */
  --terminal-surface-1: rgba(122, 92, 24, 0.06);
  --terminal-surface-2: rgba(122, 92, 24, 0.1);
  --terminal-surface-3: rgba(122, 92, 24, 0.16);
  --terminal-rail: rgba(163, 148, 95, 0.5);

  /* landing story terminals (hero + demo band). Light halves ride the
     sunset-paper --terminal* family; the status hues have no app token
     and are contrast-derived (>=4.5:1) for the cream paper. Dark halves
     are the real okibi-tui palette (theme.rs) and live in .dark below. */
  --story-bg: var(--terminal);
  --story-text: var(--terminal-foreground);
  --story-bright: var(--terminal-bright);
  --story-dim: var(--terminal-dim);
  --story-prompt: var(--terminal-prompt);
  --story-success: #00812b;
  --story-error: #c01046;
  --story-warning: #c2410c;
  --story-warning-light: #e8712d;
  --story-running: #7830f7;
  --story-accent: #d0104f;
  --story-agent: var(--terminal-agent);
  /* the TUI composer's accent border (user-picked hues) */
  --story-composer: var(--okibi-punch);
}