/* ═══════════════════════════════════════════
   MITRAS Design System — Tokens
   ═══════════════════════════════════════════ */
:root {
  /* Colors */
  --bg:           #09090b;
  --bg-raised:    #111113;
  --bg-glass:     rgba(17, 17, 19, 0.6);
  --bg-glass-hover: rgba(24, 24, 27, 0.75);

  --gold-50:      #fefce8;
  --gold-100:     #fde047;
  --gold-200:     #facc15;
  --gold-300:     #eab308;
  --gold-400:     #ca8a04;

  --text:         #fafafa;
  --text-secondary: #a1a1aa;
  --text-muted:   #71717a;

  --border:       rgba(250, 204, 21, 0.08);
  --border-hover: rgba(250, 204, 21, 0.22);
  --glow:         rgba(250, 204, 21, 0.15);

  /* Typography */
  --font-display: "Playfair Display", Georgia, serif;
  --font-body:    "Inter", system-ui, sans-serif;

  /* Spacing & Radius */
  --radius-sm:  8px;
  --radius-md:  14px;
  --radius-lg:  20px;
  --radius-xl:  28px;

  /* Motion */
  --ease:       cubic-bezier(0.22, 1, 0.36, 1);
  --duration:   0.5s;

  /* Layout */
  --header-h:   72px;
  --max-w:      1200px;
}