/* ============================================================
   Vi2ionai — Design tokens (Phase 1: premium 3D homepage)
   Additive only — existing --black/--grey-* tokens in index.html
   are untouched. These new tokens layer a dark, glass, depth-based
   visual language on top for the hero/products/dark sections.
   ============================================================ */

:root {
  /* Deep space navy — used for dark 3D sections */
  --ink-950: #05070d;
  --ink-900: #090d18;
  --ink-800: #10162a;
  --ink-700: #171e38;

  /* Accent gradient pair — GPS/signal blue + violet depth */
  --accent-cyan: #38bdf8;
  --accent-cyan-soft: rgba(56, 189, 248, 0.35);
  --accent-violet: #818cf8;
  --accent-violet-soft: rgba(129, 140, 248, 0.35);
  --accent-green: #4ade80;

  /* Glass surface */
  --glass-bg: rgba(255, 255, 255, 0.045);
  --glass-bg-strong: rgba(255, 255, 255, 0.08);
  --glass-border: rgba(255, 255, 255, 0.12);
  --glass-border-strong: rgba(255, 255, 255, 0.22);
  --glass-blur: 18px;

  /* Depth shadows / glow */
  --depth-1: 0 1px 2px rgba(0, 0, 0, 0.4);
  --depth-2: 0 12px 32px rgba(0, 0, 0, 0.45), 0 2px 8px rgba(0, 0, 0, 0.3);
  --depth-3: 0 30px 80px rgba(0, 0, 0, 0.55), 0 8px 24px rgba(0, 0, 0, 0.35);
  --glow-cyan: 0 0 1px rgba(56, 189, 248, 0.6), 0 8px 40px rgba(56, 189, 248, 0.18);
  --glow-violet: 0 0 1px rgba(129, 140, 248, 0.6), 0 8px 40px rgba(129, 140, 248, 0.18);

  /* Motion */
  --ease-premium: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 0.2s;
  --dur-mid: 0.5s;
  --dur-slow: 0.9s;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 0.001s;
    --dur-mid: 0.001s;
    --dur-slow: 0.001s;
  }
}