/* ============================================================
   NOVAE RATIO — Design Tokens
   ============================================================ */
:root {
  /* Colour */
  --ink:        #111318;
  --ink-2:      #3a3e4a;
  --ink-3:      #6b7080;
  --ink-4:      #9ca3af;
  --bg:         #ffffff;
  --bg-off:     #f8f8f6;
  --bg-deep:    #0d1117;
  --rule:       #e4e3de;
  --rule-faint: #f0efe9;
  --accent:     #1a4a8f;
  --accent-2:   #0f2d59;

  /* Typography */
  --font-display: 'Cormorant Garamond', 'Georgia', serif;
  --font-body:    'DM Sans', system-ui, -apple-system, sans-serif;

  /* Spacing scale */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  16px;
  --sp-4:  24px;
  --sp-5:  40px;
  --sp-6:  64px;
  --sp-7:  96px;
  --sp-8:  128px;

  /* Layout */
  --max-w:  1280px;
  --pad-x:  clamp(24px, 5vw, 80px);
  --radius: 2px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --ink:        #e8e7e2;
    --ink-2:      #c0bfba;
    --ink-3:      #7a7972;
    --ink-4:      #4a4944;
    --bg:         #0d1117;
    --bg-off:     #131920;
    --bg-deep:    #070c12;
    --rule:       #1f2937;
    --rule-faint: #161d28;
    --accent:     #4a90d9;
    --accent-2:   #2563c4;
  }
}