/* ==========================================================================
   EVENT HORIZON — design tokens
   ProvatSoft cinematic deep-space system
   ========================================================================== */

:root {
  /* ---- palette ---- */
  --void: #030308;              /* page background — deep-space black, hint of violet */
  --nebula-a: #2B1055;          /* nebula gradient core */
  --nebula-b: #7597DE;          /* nebula gradient edge */
  --panel: rgba(13, 15, 30, 0.6);
  --panel-solid: #0d0f1e;
  --line: rgba(150, 170, 255, 0.16);
  --line-strong: rgba(150, 170, 255, 0.32);
  --star: #A8C6FF;              /* starlight blue — primary accent */
  --flare: #FF7A45;             /* solar-flare orange — rare, one CTA per screen */
  --signal: #6FF7E3;            /* interactive / live states */
  --text: #EDF1FF;
  --muted: #8A93B8;

  /* derived glows */
  --star-glow: rgba(168, 198, 255, 0.35);
  --flare-glow: rgba(255, 122, 69, 0.35);
  --signal-glow: rgba(111, 247, 227, 0.30);

  /* ---- typography ---- */
  --font-display: "Clash Display", "Space Grotesk", "Inter", sans-serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;

  /* type scale */
  --fs-hero: clamp(2.6rem, 7.5vw, 6rem);
  --fs-h1: clamp(2.2rem, 5.5vw, 4.2rem);
  --fs-h2: clamp(1.7rem, 3.8vw, 2.8rem);
  --fs-h3: clamp(1.15rem, 2vw, 1.5rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-mono: 0.72rem;
  --track-mono: 0.18em;

  /* ---- spacing / layout ---- */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 7rem;
  --container: 1240px;
  --container-wide: 1440px;
  --gutter: clamp(1.25rem, 4vw, 2.5rem);

  /* engineered radii — not bubbly */
  --radius-s: 6px;
  --radius-m: 8px;
  --radius-l: 10px;

  /* glass cost knob — the governor drops this under load */
  --blur-panel: 10px;

  /* ---- motion ---- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 0.25s;
  --dur-med: 0.5s;
  --dur-slow: 0.9s;

  /* ---- z-index scale ---- */
  --z-nebula: 1;
  --z-stars: 2;
  --z-content: 10;
  --z-nav: 800;
  --z-whatsapp: 850;
  --z-menu: 900;
  --z-modal: 950;
  --z-warp: 980;
  --z-letterbox: 990;
  --z-vignette: 994;
  --z-grain: 995;
  --z-preloader: 1000;
  --z-cursor: 1010;

  /* nav */
  --nav-height: 76px;
  --nav-height-scrolled: 60px;
}