/* ============================================================================
   Prompting Wizard
   Design tokens, Direction A (Helm). Source of truth for every surface.
   Structure follows internal/brand/tokens.css; only colour and type differ.
   Light (cream paper) is the default theme.
   ========================================================================= */

:root {
  /* ---- Palette -------------------------------------------------------- */
  --ink-900: #1C1A17;    /* Ink        — text on light; dark page */
  --ink-700: #2A2622;    /* Ink Raised — dark raised surface */
  --paper-50: #F4EFE4;   /* Paper      — light page; text on dark */
  --paper-100: #EAE3D3;  /* Paper Shade — light raised surface */
  --rust-500: #C2582B;   /* Rust       — the single accent. Marks, rules, the compare
                                         line, large text only: 3.48–3.91:1 */
  --rust-700: #9A4220;   /* Rust Deep  — links and primary buttons on light */
  --rust-300: #E08A5F;   /* Rust Light — accent and links on dark */
  --stone-600: #6A6259;  /* Stone      — muted text on light */
  --stone-300: #B8AE9F;  /* Stone Light — muted text on dark */
  --rule-light: #D6CCB8; /* rules and borders on light */
  --rule-dark: #3E3832;  /* rules and borders on dark */

  /* ---- Type ----------------------------------------------------------- */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace; /* prompts */

  /* Seven ratio steps at 1.25 from the 16px base, plus two sub-base UI sizes. */
  --text-xs: 0.75rem;    --lh-xs: 1rem;
  --text-sm: 0.875rem;   --lh-sm: 1.25rem;
  --text-base: 1rem;     --lh-base: 1.5rem;
  --text-lg: 1.25rem;    --lh-lg: 1.75rem;
  --text-xl: 1.5625rem;  --lh-xl: 2rem;
  --text-2xl: 1.9375rem; --lh-2xl: 2.25rem;
  --text-3xl: 2.4375rem; --lh-3xl: 2.75rem;
  --text-4xl: 3.0625rem; --lh-4xl: 3.25rem;
  --text-5xl: 3.8125rem; --lh-5xl: 4rem;

  --track-tight: -0.01em;
  --track-tightest: -0.02em;

  /* ---- Space (8px base, 4px baseline grid) ---------------------------- */
  --space-1: 4px;  --space-2: 8px;  --space-3: 16px; --space-4: 24px;
  --space-5: 32px; --space-6: 48px; --space-7: 64px; --space-8: 96px; --space-9: 128px;

  /* ---- Shape ---------------------------------------------------------- */
  --radius-control: 6px;
  --radius-surface: 20px;

  /* ---- Layout --------------------------------------------------------- */
  --container-max: 1120px;
  --prose-max: 640px;
  --grid-gutter: 24px;

  /* ---- Motion --------------------------------------------------------- */
  --motion-fast: 150ms cubic-bezier(0.2, 0, 0, 1);
  --motion-base: 250ms cubic-bezier(0.2, 0, 0, 1);
  --motion-reveal: 500ms cubic-bezier(0.16, 1, 0.3, 1);
}