/* Limon x Claude design tokens.
   Claude side: warm charcoal and ivory surfaces, clay accent (value read from the
   Claude Code 2.1.278 theme table: clawd_body rgb(215,119,87)), serif display voice,
   terminal quadrant-pixel motif.
   Avenox side: lemon gold, tall deadpan Limon, paper grain, editorial scale.
   Rule of the merge: clay belongs to Claude things, gold belongs to Limon and to the
   presenter's own emphasis. Never use both on the same element. */
:root {
  /* surfaces */
  --bg: #262624;
  --bg-deep: #1c1b19;
  --bg-raise: #30302d;
  --bg-well: #161513;
  --paper: #f3efe4;
  --ivory: #faf9f5;
  --paper-shade: #e6e0d0;

  /* ink */
  --ink: #1b1712;
  --fg: #f3efe4;
  --fg-soft: #c9c3b6;
  --fg-mute: #8f897d;
  --line: rgba(243, 239, 228, 0.14);
  --line-strong: rgba(243, 239, 228, 0.28);

  /* accents */
  --clay: #d77757;
  --clay-deep: #b85c3e;
  --clay-glow: rgba(215, 119, 87, 0.22);
  --gold: #e8b23a;
  --gold-bright: #ffd23e;
  --gold-glow: rgba(232, 178, 58, 0.2);

  /* semantic, tuned to sit with clay and gold */
  --allow: #8aa672;
  --ask: #e8b23a;
  --deny: #d2553b;
  --info: #7fa6cf;

  /* type */
  --font-display: 'Fraunces', 'Iowan Old Style', Georgia, serif;
  --font-body: 'Schibsted Grotesk', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* scale: tuned for a 1920x1080 capture, fluid down to laptop */
  --step--1: clamp(12px, 0.78vw, 15px);
  --step-0: clamp(15px, 0.98vw, 19px);
  --step-1: clamp(18px, 1.25vw, 24px);
  --step-2: clamp(22px, 1.7vw, 33px);
  --step-3: clamp(30px, 2.6vw, 50px);
  --step-4: clamp(44px, 4.4vw, 84px);
  --step-5: clamp(60px, 6.6vw, 128px);

  /* the pixel: one Clawd quadrant. Everything blocky snaps to this. */
  --px: clamp(4px, 0.42vw, 8px);

  --radius: 10px;
  --radius-lg: 18px;
  --gutter: clamp(24px, 3.4vw, 66px);
  --rail: clamp(54px, 4.2vw, 80px);
  --bar: clamp(46px, 3.4vw, 64px);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-back: cubic-bezier(0.34, 1.56, 0.64, 1);

  color-scheme: dark;
}

/* Light chapters flip surfaces, accents stay. */
[data-theme='light'] {
  --bg: #f3efe4;
  --bg-deep: #e9e3d4;
  --bg-raise: #faf9f5;
  --bg-well: #e2dccb;
  --fg: #1b1712;
  --fg-soft: #4a4338;
  --fg-mute: #7a7264;
  --line: rgba(27, 23, 18, 0.14);
  --line-strong: rgba(27, 23, 18, 0.3);
  --clay: #c4623f;
  --gold: #b9820f;
  --allow: #4f7340;
  --deny: #b3402a;
  --info: #3f6f9f;
  color-scheme: light;
}