/* =========================================
   TOKENS.CSS — DESIGN FOUNDATION
========================================= */

:root {

  /* =========================
     COLORS
  ========================= */
  --gold: #d4af37;
  --gold-dark: #b8860b;
  --gold-soft: #fff7e6;

  --ink: #222;
  --text: #333;
  --muted: #666;

  --brand: #499FAF;
  --success: #2e7d32;

  --bg: #ffffff;
  --surface: #f9f9f9;
  --surface-alt: #fff8e7;

  /* =========================
     LINK SYSTEM (SINGLE SOURCE)
  ========================= */
  --link-color: #6b0f1a;        /* burgundy */
  --link-hover-color: #b22234;  /* lighter red */

  /* =========================
     EYEBROW
  ========================= */
  --eyebrow-color: #6b6b6b;

  /* =========================
     SPACING
  ========================= */
  --space-1: 6px;
  --space-2: 10px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;

  /* =========================
     BORDER RADIUS
  ========================= */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;

  /* =========================
     SHADOWS
  ========================= */
  --shadow-sm: 0 2px 6px rgba(0,0,0,0.08);
  --shadow-md: 0 8px 20px rgba(0,0,0,0.12);

  /* =========================
     TYPOGRAPHY
  ========================= */
  --font: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

}