:root {
  --color-bg-base: #65110f;
  --color-bg-hero-top: #360a09;
  --color-bg-hero-bottom: #6a1210;
  --color-bg-floor-top: #3e2c19;
  --color-bg-floor-mid: #6e6251;
  --color-bg-floor-bottom: #65110f;
  --color-cream: #f0e5c1;
  --color-rose: #f2d2d2;
  --color-orbit-stroke: rgba(255, 255, 255, 0.2);

  --font-primary: "Space Grotesk", sans-serif;
  --font-sage: "EB Garamond", Georgia, serif;
  --font-astronaut: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
  --font-weight-light: 300;

  --line-height-default: 1.4;
  --letter-spacing-nav: 0.12em;

  --ease-out: cubic-bezier(0.19, 1, 0.22, 1);          /* ease-out-expo — snappy UI fades */
  --ease-out-quint: cubic-bezier(0.22, 1, 0.36, 1);    /* softer ease-out — cinematic reveals, per-char bloom */
  --ease-move: cubic-bezier(0.77, 0, 0.175, 1);        /* ease-in-out-quart — on-screen movement */
  --ease-soft: cubic-bezier(0.215, 0.61, 0.355, 1);    /* ease-out-cubic — subtle micro-motions */

  --orbit-center-x: 50%;
  --orbit-center-y: 74.8%;
  --orbit-radius-1: 31.7;
  --orbit-radius-2: 46.6;
  --orbit-radius-3: 63.4;
  --orbit-radius-4: 80.3;
  --orbit-radius-5: 98.5;
  --orbit-radius-6: 118.2;

  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
}