:root {
  --void: #0d0b24;
  --card: #1a1640;
  --planet-shade: #2a1a4f;
  --veil: rgba(13, 11, 36, 0.78);
  --veil-deep: rgba(13, 11, 36, 0.86);
  --row: rgba(255, 246, 224, 0.08);
  --line: rgba(255, 246, 224, 0.12);
  --mustard: #ffcf33;
  --mustard-soft: rgba(255, 207, 51, 0.16);
  --flame: #ff7a1a;
  --jam: #e0244a;
  --jam-deep: #c41d40;
  --jam-light: #ff5c78;
  --ink: #fff6e0;
  --ink-dim: #b9b0d6;
  --steel: #d5dbe8;
  --bronze: #d9802f;
  --font-display: "Bungee", "Arial Black", Impact, sans-serif;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --text-xs: 0.65rem;
  --text-sm: 0.72rem;
  --text-md: 0.8rem;
  --text-lg: 0.9rem;
  --text-xl: 1rem;
  --text-2xl: 1.1rem;
  --text-3xl: 1.3rem;
  --text-4xl: 1.6rem;
  --text-5xl: 2rem;
  --text-6xl: 2.6rem;
  --track-sm: 0.04em;
  --track-md: 0.08em;
  --track-lg: 0.12em;
  --leading-none: 1;
  --leading-tight: 1.1;
  --leading-snug: 1.3;
  --leading-normal: 1.4;
  --space-2xs: 0.125rem;
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 0.75rem;
  --space-lg: 1rem;
  --space-xl: 1.5rem;
  --space-2xl: 2rem;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --border-thin: 1px;
  --border: 2px;
  --border-thick: 3px;
  --inset-xs: 0.3em;
  --inset-sm: 0.6em;
  --inset-md: 0.9em;
  --inset-lg: 1.3em;
  --inset-xl: 1.7em;
  --inset-y-xs: 0.15em;
  --inset-y-sm: 0.3em;
  --inset-y-md: 0.5em;
  --inset-y-lg: 0.6em;
  --tap: 44px;
  --lift-sm: 0 2px 0;
  --lift-md: 0 3px 0;
  --lift-lg: 0 4px 0;
  --lift-xl: 0 6px 0;
  --ring-sm: 0 0 0 2px;
  --ring-md: 0 0 0 3px;
  --ring-lg: 0 0 0 0.35rem;
  --ring-inset: inset 0 0 0 2px;
  --bar-inset: inset 3px 0 0;
  --dur-fast: 0.2s;
  --dur-base: 0.3s;
  --dur-pop: 0.7s;
  --dur-tick: 1s;
  --dur-slow: 1.2s;
  --ease-bounce: cubic-bezier(0.2, 1.4, 0.4, 1);
  --z-raise: 1;
  --z-corner: 10;
  --z-toast: 20;
  --z-pop: 30;
  --z-party: 40;
  --z-top: 50;
  --opacity-disabled: 0.45;
  --opacity-locked: 0.6;
  --opacity-placeholder: 0.7;
  --focus: 3px solid var(--ink);
  --screen-text-xs: 1.8vh;
  --screen-text-sm: 2.4vh;
  --screen-text-md: 3vh;
  --screen-text-lg: 3.6vh;
  --screen-text-xl: 4.4vh;
  --screen-text-2xl: 5.6vh;
  --screen-text-3xl: 7vh;
  --screen-text-4xl: 11vh;
  --screen-text-hero: min(15vh, 7vw);
  --screen-space-2xs: 0.4vh;
  --screen-space-xs: 0.6vh;
  --screen-space-sm: 1vh;
  --screen-space-md: 1.6vh;
  --screen-space-lg: 2.4vh;
  --screen-space-xl: 4vh;
  --screen-edge: 4vw;
  --screen-radius: 1.6vh;
  --screen-lift: 0 0.6vh 0;
  --screen-lift-lg: 0 1vh 0;
  --screen-glow: 0 0 3vh;
  color-scheme: dark;
}