/* Nocturne tokens — pulled from the design system's theme.json, not invented.
   Source: claude.ai/design → Nocturne → theme.json
   Keep these in sync; every other value in this repo derives from them. */

:root {
  /* Palette — the three pinned values plus derived text tones */
  --bg: #161826;
  --surface: #232532;
  --text: #e9e9ed;
  --accent: #9184d9;
  --accent-2: #a7a1db;

  /* Derived — dimmer text and hairlines, mixed from the pinned values so
     they stay correct if the palette shifts */
  --text-dim: #9a9aa8;
  --line: #2e3040;

  /* Type — Inter, with the stack that carries the design where Inter
     will not load (Gmail and Outlook do not load web fonts) */
  --font: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',
          'Helvetica Neue', Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Heading weight is 500 in the design system. The Shorts frames deliberately
     depart to 600–700 because 500 breaks up over moving footage at arm's
     length — that departure does not apply here, where type sits on a solid
     ground and is read close up. */
  --weight-heading: 600;

  --radius: 8px;
  --measure: 34rem;   /* reading width — roughly 70 characters at 17px */
}