:root {
  --ink: #1B1B1B;
  --text-on-sky: #FFFFFF;
  --panel: #F5F5F5;
  --glass-fill: rgba(255,255,255,0.10);
  --glass-border: rgba(255,255,255,0.20);

  --sky-day-0: #0E4591;
  --sky-day-15: #0C6FEC;
  --sky-day-30: #137CEF;
  --sky-day-50: #1C8CF4;
  --sky-day-70: #259DF8;
  --sky-day-85: #2CA9FB;
  --sky-day-100: #32B4FE;
  --sky-night-top: #0A1C3D;
  --sky-night-base: #13396A;
  --sky-dawn-top: #3E5F9E;
  --sky-dawn-mid: #8FA8CF;
  --sky-dawn-horizon: #E8A17C;
  --sky-dusk-top: #1B2955;
  --sky-dusk-mid: #5D5A96;
  --sky-dusk-horizon: #C97B5A;

  --font-display: "Anton", Impact, sans-serif;
  --font-script: "Sriracha", cursive;
  --font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --type-nav: 14px;
  --type-body: 16px;
  --type-subcopy: 20px;
  --type-h2: 56px;
  --type-giant: 18vw;
  --type-triptych: 200px;
  --line-giant: 0.85;

  --ease-house: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-carousel: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-bounce: cubic-bezier(0.34, 2.56, 0.64, 1);

  --container: 1280px;
  --grid-columns: 12;
  --gutter: 24px;
  --section-padding: 160px;
  --section-padding-small: 96px;

  --radius-panel: 8px;
  --radius-input: 4px;
  --radius-pill: 8px;
  --radius-card: 16px;
  --button-height: 38px;

  --z-sky: 0;
  --z-dom: 2;
  --z-header: 100;

  --shadow-demo: 0 30px 80px rgba(10,30,60,.35);
}