/* Hallmark · macrostructure: Long Document · tone: editorial · anchor hue: navy-blue
 * nav: N6 Masthead · footer: Ft5 Statement · theme: custom (brand-matched)
 * genre: editorial · enrichment: none (typography only)
 * brand-source: logo.jpeg — deep navy #2b3990 + gold stars #f5c518
 * pre-emit critique: P5 H4 E5 S5 R5 V5
 */

:root {
  /* Paper — cool white with blue undertone */
  --color-paper: oklch(98% 0.005 265);
  --color-paper-2: oklch(95% 0.01 265);
  --color-paper-3: oklch(91% 0.015 265);

  /* Ink — navy hierarchy */
  --color-ink: oklch(22% 0.08 265);
  --color-ink-2: oklch(35% 0.05 265);
  --color-ink-3: oklch(50% 0.03 265);

  /* Accent — brand navy blue (logo ring + quill) */
  --color-accent: oklch(30% 0.14 265);
  --color-accent-light: oklch(38% 0.12 265);
  --color-accent-subtle: oklch(93% 0.03 265);

  /* Accent secondary — gold (logo stars) */
  --color-gold: oklch(78% 0.16 85);
  --color-gold-light: oklch(85% 0.12 85);
  --color-gold-subtle: oklch(95% 0.04 85);

  /* Focus */
  --color-focus: oklch(50% 0.18 265);

  /* Borders */
  --color-rule: oklch(87% 0.015 265);
  --color-rule-strong: oklch(72% 0.03 265);

  /* Fonts */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* Type scale */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-md: 1.125rem;
  --text-lg: 1.25rem;
  --text-xl: 1.5rem;
  --text-2xl: 1.875rem;
  --text-3xl: 2.25rem;
  --text-4xl: 3rem;
  --text-display-s: 3.5rem;
  --text-display: 4.5rem;

  /* Spacing — 4pt scale */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 6rem;
  --space-5xl: 8rem;

  /* Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  /* Easing */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  --ease-in-out: cubic-bezier(0.37, 0, 0.63, 1);

  /* Duration */
  --dur-fast: 120ms;
  --dur-normal: 200ms;
  --dur-slow: 350ms;

  /* Rules */
  --rule-thin: 1px solid var(--color-rule);
  --rule-strong: 2px solid var(--color-rule-strong);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 0ms;
    --dur-normal: 0ms;
    --dur-slow: 150ms;
  }
}