/* ============================================================
   Design tokens — single source of truth
   Duplicate this :root block at the top of every new
   stylesheet (no @import, no bundler). All visual rules in
   the site must reference these custom properties by name.
   ============================================================ */

:root {
  --ink: #141e2d;
  --graphite: #4a5568;
  --mint: #2a8a6e;
  --mint-bright: #49bf9d;
  --surface-pearl: #fafafc;
  --glass-bg: rgba(255, 255, 255, 0.55);
  --glass-bg-strong: rgba(255, 255, 255, 0.7);
  --glass-border: rgba(255, 255, 255, 0.6);
  --glass-border-strong: rgba(20, 30, 45, 0.08);
  --radius-card: 20px;
  --radius-pill: 999px;
  --font-display: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-text: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --ease-spring: cubic-bezier(.34, 1.56, .64, 1);
}