:root {
  color-scheme: light;
  --ground: #E6F3EB;
  --hero: #DCEFE3;
  --surface: #FFFFFF;
  --panel: #FFFFFF;
  --ink: #0D3B2E;
  --fist: #0B2A22;
  --muted: #365E50;
  --jade: #2EE6A0;
  --jade-text: #1FA27A;
  --diamond: #EAFBF3;
  --hairline: rgba(13,59,46,.14);
  --nav-surface: rgba(230,243,235,.9);
  --shadow: rgba(13,59,46,.12);
  --jade-glow: rgba(46,230,160,.5);
  --display: 'Anton', 'Bebas Neue', Impact, sans-serif;
  --body: 'Martian Mono', monospace;
  --mono: 'Martian Mono', monospace;
  --text-xs: 15px;
  --text-body: clamp(15px, 1.1vw, 17px);
  --text-hook: clamp(40px, 4vw, 72px);
  --text-section: clamp(40px, 4vw, 72px);
  --text-display: clamp(56px, 8vw, 136px);
  --container: 1320px;
  --ease: cubic-bezier(0.22,1,0.36,1);
}
@media (min-width: 1920px) { :root { --container: min(84vw, 1800px); } }