/* ============================================================
   NOVARIFT — DESIGN TOKENS
   Near-black deep space + ONE hot accent (rift-cyan).
   Award-3D restraint (§10.6 B7): dark ground, single emissive accent.
   ============================================================ */
:root{
  /* ---- core palette (traces to brief: deep space + rift-cyan) ---- */
  --void:        #04050a;   /* the deepest ground */
  --space:       #070912;   /* base surface */
  --space-2:     #0b0f1c;   /* raised surface */
  --ink-hi:      #eaf6ff;   /* near-white text */
  --ink:         #b9c6dc;   /* body text */
  --ink-lo:      #6c7c96;   /* muted / labels */
  --ink-xlo:     #38455c;   /* faint hairlines */

  --cyan:        #16e0ff;   /* THE accent */
  --cyan-hot:    #7ff4ff;   /* hotter highlight */
  --cyan-deep:   #0a8fb8;   /* pressed / deep */
  --rift:        #4b31ff;   /* rift-depth violet, used with extreme restraint */
  --danger:      #ff3b6b;   /* overload warning, tiny doses only */

  /* ---- lines / glow ---- */
  --line:        rgba(120,180,220,.14);
  --line-hot:    rgba(22,224,255,.42);
  --glow-cyan:   0 0 24px rgba(22,224,255,.45), 0 0 60px rgba(22,224,255,.18);
  --glow-soft:   0 0 40px rgba(22,224,255,.12);

  /* ---- type ---- */
  --f-display: "Chakra Petch", "Space Grotesk", system-ui, sans-serif;
  --f-text:    "Space Grotesk", system-ui, sans-serif;
  --f-mono:    "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;

  --step--1: clamp(.72rem, .68rem + .2vw, .82rem);
  --step-0:  clamp(.95rem, .9rem + .3vw, 1.08rem);
  --step-1:  clamp(1.1rem, 1rem + .6vw, 1.4rem);
  --step-2:  clamp(1.5rem, 1.2rem + 1.4vw, 2.4rem);
  --step-3:  clamp(2.1rem, 1.5rem + 3vw, 4rem);
  --step-4:  clamp(3rem, 1.6rem + 7vw, 8rem);
  --step-hero: clamp(2.6rem, 0.4rem + 13vw, 12rem);

  /* ---- space ---- */
  --pad: clamp(1.25rem, 4vw, 4rem);
  --gutter: clamp(1rem, 3vw, 3rem);

  /* ---- motion ---- */
  --ease-out: cubic-bezier(.16,1,.3,1);
  --ease-in:  cubic-bezier(.7,0,.84,0);
  --ease-io:  cubic-bezier(.65,0,.35,1);
  --ease-spring: cubic-bezier(.2,1.5,.4,1);
  --t-micro:.14s; --t-ui:.24s; --t-content:.45s; --t-slow:.8s;

  --z-canvas:-3; --z-poster:-4; --z-fx:2; --z-hud:40; --z-nav:45; --z-cursor:120; --z-loader:200;
}

@media (prefers-reduced-motion: reduce){
  *{ animation-duration:.001ms !important; transition-duration:.001ms !important; scroll-behavior:auto !important; }
}