:root {
  /* BRAND_BRIEF.md source palette */
  --brand-navy: #1a1a2e;
  --brand-gold: #d4a843;
  --brand-gold-dark: #b8860b;
  --brand-warm-white: #f5f5f0;
  --brand-slate: #6b6b8a;

  /* Semantic color system */
  --color-page: var(--brand-warm-white);
  --color-page-alt: #e9e9ef;
  --color-surface: #ffffff;
  --color-surface-soft: #f0f0f4;
  --color-surface-raised: #fafafd;
  --color-surface-inverse: #11111e;
  --color-text: var(--brand-navy);
  --color-text-muted: #50506b;
  --color-text-subtle: var(--brand-slate);
  --color-accent: var(--brand-gold);
  --color-accent-strong: var(--brand-gold-dark);
  --color-on-accent: var(--brand-navy);
  --color-on-inverse: var(--brand-warm-white);
  --color-success: #2f6b4f;
  --color-success-strong: #24523d;
  --color-error: #9f1239;
  --color-error-strong: #7f1d1d;
  --color-border: rgba(26, 26, 46, 0.14);
  --color-border-strong: rgba(26, 26, 46, 0.28);
  --color-nav-surface: rgba(245, 245, 240, 0.92);
  --color-surface-translucent: rgba(255, 255, 255, 0.76);
  --color-mask: #000000;
  --color-accent-a05: rgba(212, 168, 67, 0.05);
  --color-accent-a06: rgba(212, 168, 67, 0.06);
  --color-accent-a07: rgba(212, 168, 67, 0.07);
  --color-accent-a08: rgba(212, 168, 67, 0.08);
  --color-accent-a10: rgba(212, 168, 67, 0.1);
  --color-accent-a12: rgba(212, 168, 67, 0.12);
  --color-accent-a14: rgba(212, 168, 67, 0.14);
  --color-accent-a18: rgba(212, 168, 67, 0.18);
  --color-accent-a20: rgba(212, 168, 67, 0.2);
  --color-accent-a25: rgba(212, 168, 67, 0.25);
  --color-accent-a40: rgba(212, 168, 67, 0.4);
  --color-accent-a42: rgba(212, 168, 67, 0.42);
  --color-accent-a45: rgba(212, 168, 67, 0.45);
  --color-accent-a48: rgba(212, 168, 67, 0.48);
  --color-accent-a50: rgba(212, 168, 67, 0.5);
  --color-accent-a55: rgba(212, 168, 67, 0.55);
  --color-accent-a60: rgba(212, 168, 67, 0.6);
  --color-success-a14: rgba(47, 107, 79, 0.14);
  --color-success-a60: rgba(47, 107, 79, 0.6);
  --color-success-a70: rgba(47, 107, 79, 0.7);
  --color-error-a12: rgba(159, 18, 57, 0.12);
  --color-accent-strong-a08: rgba(184, 134, 11, 0.08);
  --color-accent-strong-a10: rgba(184, 134, 11, 0.1);
  --color-accent-strong-a18: rgba(184, 134, 11, 0.18);
  --color-accent-strong-a72: rgba(184, 134, 11, 0.72);
  --color-surface-a68: rgba(255, 255, 255, 0.68);
  --color-surface-a70: rgba(255, 255, 255, 0.7);
  --color-shadow-a06: rgba(26, 26, 46, 0.06);
  --color-shadow-a12: rgba(26, 26, 46, 0.12);
  --color-shadow-a22: rgba(26, 26, 46, 0.22);
  --color-shadow-a28: rgba(26, 26, 46, 0.28);
  --color-shadow-a30: rgba(26, 26, 46, 0.3);
  --color-shadow-a34: rgba(26, 26, 46, 0.34);

  /* Typography */
  --font-display: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
  --font-body: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;
  --type-display: 4.25rem;
  --type-heading: 2.625rem;
  --type-subheading: 1.625rem;
  --type-body: 1.0625rem;
  --type-small: 0.875rem;
  --line-display: 1.04;
  --line-heading: 1.14;
  --line-body: 1.65;

  /* Spacing and geometry */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-section: clamp(4.5rem, 9vw, 7.75rem);
  --radius-control: 6px;
  --radius-card: 8px;
  --radius-panel: 8px;
  --radius-pill: 999px;
  --nav-height: 70px;

  /* Elevation and lockup */
  --shadow-small: 0 1px 2px rgba(26, 26, 46, 0.08);
  --shadow-panel: 0 18px 44px -26px rgba(26, 26, 46, 0.32);
  --shadow-raised: 0 30px 70px -34px rgba(26, 26, 46, 0.38);
  --shadow-accent: 0 14px 32px -12px rgba(184, 134, 11, 0.48);
  --logo-mark-size: 32px;
  --logo-wordmark-tracking: 0;

  /* Compatibility names used by current page components */
  --bg: var(--color-page);
  --bg2: var(--color-page-alt);
  --panel: var(--color-surface);
  --panel2: var(--color-surface-soft);
  --line: var(--color-border);
  --line2: var(--color-border-strong);
  --gold: var(--color-accent);
  --gold-deep: var(--color-accent-strong);
  --gold-mid: var(--color-accent);
  --brass: var(--color-accent-strong);
  --green: var(--color-success);
  --text: var(--color-text);
  --muted: var(--color-text-muted);
  --dim: var(--color-text-subtle);
  --fd: var(--font-display);
  --fb: var(--font-body);
  --fm: var(--font-mono);
  --nav-h: var(--nav-height);
  --sh-sm: var(--shadow-small);
  --sh: var(--shadow-panel);
  --sh-lg: var(--shadow-raised);
  --paper: var(--panel);
  --ink: var(--text);
  --accent: var(--gold);
  --accent-dark: var(--gold-deep);
  --good: var(--green);
  --soft-blue: var(--panel2);
  --shadow: var(--shadow-raised);
}