/* ============================================================
   NIZOV.AI — design tokens
   Black canvas · one orange signal · mono+display type
   Colour = meaning (orange = action/now), never decoration.
   ============================================================ */
:root {
  /* ---- palette ---- */
  --bg-0:#070809;          /* page floor */
  --bg-1:#0c0e12;          /* raised band */
  --bg-2:#14171c;          /* inset / cell */
  --bg-3:#1c2026;          /* hover inset */

  --ink-0:#f3f5f7;         /* primary text + numbers */
  --ink-1:#9aa0a8;         /* labels */
  --ink-2:#565d66;         /* auxiliary / ghost */

  --accent:#ff5c00;        /* THE signal — Nizov brand orange (kept for recognition) */
  --accent-2:#ff9b4a;      /* warmer molten amber — hovers + gradients */
  --accent-deep:#e24e00;   /* deep molten base for gradient depth */
  --accent-ink:#160700;    /* ink on orange */
  --accent-dim:rgba(255,92,0,.14);
  --glow:rgba(255,108,38,.46);  /* softer + warmer = less neon */

  --line:rgba(255,255,255,.08);
  --line-1:rgba(255,255,255,.15);
  --scan:rgba(255,92,0,.035);

  /* ---- type ---- */
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --display:'Space Grotesk','Inter',system-ui,-apple-system,sans-serif;

  /* fluid scale */
  --t-hero:clamp(2.7rem,8.4vw,7.2rem);
  --t-h1:clamp(2rem,5vw,4.1rem);
  --t-h2:clamp(1.55rem,3.6vw,2.7rem);
  --t-h3:clamp(1.15rem,2.1vw,1.55rem);
  --t-body:clamp(1.02rem,1.2vw,1.2rem);
  --t-sm:clamp(.92rem,1vw,1rem);
  --t-mono:clamp(.72rem,.9vw,.85rem);
  --t-micro:.7rem;

  --tight:-0.02em;
  --wide:0.16em;

  /* ---- rhythm ---- */
  --maxw:1180px;
  --pad:clamp(1.2rem,5vw,4rem);
  --section:clamp(5rem,13vh,11rem);
  --gap:clamp(1rem,2vw,1.6rem);
  --radius:14px;
  --radius-s:9px;

  /* ---- motion ---- */
  --dur-1:.42s;
  --dur-2:.72s;
  --dur-3:1.1s;
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-io:cubic-bezier(.83,0,.17,1);

  /* ---- z-ladder ---- */
  --z-bg:0;
  --z-content:10;
  --z-hud:90;
  --z-nav:100;
  --z-boot:1000;
}

@media (prefers-reduced-motion: reduce){
  :root{ --dur-1:.01s; --dur-2:.01s; --dur-3:.01s; }
}