:root {
  /* Core */
  --navy: #0F172A;
  --slate: #1E293B;
  --bg: #F7F8FB;
  --card: #FFFFFF;
  --text: #0B1224;
  --muted: #64748B;
  --line: #E6EAF2;
  --gold: #B9931A;
  --gold-soft: rgba(185, 147, 26, 0.14);
  --focus: rgba(185, 147, 26, 0.35);

  /* Backward-compatible aliases for existing page CSS */
  --brand-navy: var(--navy);
  --brand-blue: var(--slate);
  --brand-gold: var(--gold);
  --bg-soft: var(--bg);
  --card-white: var(--card);
  --text-primary: var(--text);
  --text-muted: var(--muted);
  --border-line: var(--line);
  --navy2: var(--slate);
  --muted2: var(--muted);

  /* Shared layout tokens */
  --shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
  --radius: 16px;
  --max: 1120px;
}