/* PR #2 — Design tokens (canonical :root)
   Duplicated in styles.css during migration; load this file first. */

:root {
    /* Core palette */
    --bg-deep: #07070b;
    --bg-base: #0a0a10;
    --bg-elevated: #0f0f17;
    --bg-glass: rgba(20, 20, 30, 0.55);
    --bg-glass-hover: rgba(28, 28, 40, 0.7);
    --border-subtle: rgba(255, 255, 255, 0.06);
    --border-medium: rgba(255, 255, 255, 0.12);
    --border-gold: rgba(212, 168, 83, 0.35);

    /* Text */
    --text-primary: #f5f3ed;
    --text-secondary: #b8b3a8;
    --text-muted: #6e6a62;
    --text-faint: #3d3b37;

    /* Gold accent system */
    --gold: #d4a853;
    --gold-bright: #f5c761;
    --gold-deep: #8a6a2c;
    --gold-glow: rgba(212, 168, 83, 0.18);

    /* Peacock gradient stops */
    --peacock-1: #0e8a8a;
    --peacock-2: #10b981;
    --peacock-3: #3b82f6;
    --peacock-4: #8b5cf6;
    --peacock-grad: linear-gradient(135deg, var(--peacock-1) 0%, var(--peacock-2) 33%, var(--peacock-3) 66%, var(--peacock-4) 100%);

    /* Typography */
    --font-display: 'Cormorant Garamond', 'Times New Roman', serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-mono: 'JetBrains Mono', 'SF Mono', monospace;

    /* Geometry */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-xl: 24px;

    /* News Desk tokens (shared with newsdesk-tokens.css) */
    --fs-xs: 12px;
    --fs-sm: 13px;
    --fs-base: 15px;
    --fs-md: 17px;
    --fs-lg: 21px;
    --fs-xl: 28px;
    --lh-body: 1.55;
    --lh-tight: 1.25;
    --sp-1: 4px;
    --sp-2: 8px;
    --sp-3: 12px;
    --sp-4: 16px;
    --sp-5: 24px;
    --sp-6: 32px;
    --sp-8: 48px;
    --bg: #0f1113;
    --surface: #16191c;
    --raised: #1e2226;
    --border: #2a2f35;
    --text: #f2f4f6;
    --text-2: #aab2bb;
    --text-muted: #7c858f;
    --accent: #e0a96d;
    --r: 10px;
    --tap: 44px;
    --maxread: 68ch;
}