:root {
  

  --paper: #0e2229;
  --surface: #143039;
  --board: #1a3a45;
  --night: #0a191e;
  --night-2: #071216;

  --ink: #e8e6e0;
  --ink-soft: #b8c4c7;
  --muted: #8fa2a7;
  --line: #24444f;
  --line-soft: #1b3742;

  
  --accent: #2fa8ad;
  
  --accent-strong: #4fc4c8;
  --accent-soft: #7fd6d9;
  --accent-tint: rgba(47, 168, 173, 0.13);

  
  --sand: #d2a659;
  --sand-soft: rgba(210, 166, 89, 0.15);

  --ok: #4bbd8a;
  --warn: #d2a659;

  --shadow-sm: 0 2px 12px rgba(0, 0, 0, 0.3);
  --shadow: 0 14px 40px rgba(0, 0, 0, 0.38);
  --shadow-lg: 0 30px 70px rgba(0, 0, 0, 0.46);

  --radius-sm: 0.2rem;
  --radius: 0.5rem;
  --radius-lg: 0.9rem;

  --font-head: "Instrument Serif Sub", Georgia, serif;
  --font-body: "Chivo Sub", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --font-mono: "Spline Sans Mono Sub", "SFMono-Regular", Consolas, monospace;

  --max: 1160px;
  --gutter: 1.4rem;
  --topbar-h: 4.4rem;
  --topbar-utility-h: 2.2rem;

  --ease-out: cubic-bezier(0.2, 0.9, 0.3, 1);
}
@media (max-width: 960px) { :root { --gutter: 1.2rem; } }
@media (max-width: 480px) { :root { --gutter: 1rem; --topbar-h: 3.9rem; } }