/* ============================================================
   DESIGN TOKENS — variables.css
   Single source of truth for colours, fonts, and spacing.
   Change values here to re-theme the entire site.
   ============================================================ */

:root {
  /* ── Backgrounds ── */
  --bg-primary: #12161f;
  --bg-secondary: #181d28;
  --bg-elevated: #1f2535;
  --bg-card: #252c3e;

  /* ── Accent: Copper ── */
  --accent-copper: #c5956a;
  --accent-copper-light: #d4a97a;
  --accent-copper-glow: rgba(197, 149, 106, 0.15);

  /* ── Accent: Blue (secondary) ── */
  --accent-blue: #4a7cbb;
  --accent-blue-muted: #2a4a7a;

  /* ── Text ── */
  --text-primary: #f0ece7;
  --text-secondary: #b5ada5;
  --text-muted: #7a7470;

  /* ── Borders ── */
  --border-subtle: rgba(197, 149, 106, 0.15);
  --border-accent: rgba(197, 149, 106, 0.35);

  /* ── Typography ── */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Manrope', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
}