/* variables.css — design tokens for Vapih Vision */
:root {
  /* Palette */
  --void: #000308;
  --void-2: #05030f;
  --purple: #7b2fff;
  --purple-deep: #4a16b8;
  --cyan: #00f5ff;
  --magenta: #ff2d78;
  --gold: #ffd700;
  --white: #ffffff;
  --glass: rgba(123, 47, 255, 0.08);
  --glass-strong: rgba(123, 47, 255, 0.16);
  --hairline: rgba(255, 255, 255, 0.08);

  /* Type */
  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* Fluid scale */
  --step--1: clamp(0.8rem, 0.75rem + 0.3vw, 1rem);
  --step-0:  clamp(1rem, 0.92rem + 0.4vw, 1.25rem);
  --step-1:  clamp(1.3rem, 1.1rem + 1vw, 2rem);
  --step-2:  clamp(2rem, 1.4rem + 3vw, 4rem);
  --step-3:  clamp(3rem, 1.8rem + 6vw, 7rem);
  --step-4:  clamp(4rem, 2rem + 12vw, 14rem);

  /* Spacing */
  --gutter: clamp(1.2rem, 3vw, 3rem);
  --section-pad: clamp(5rem, 12vh, 12rem);

  /* Motion */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out-cubic: cubic-bezier(0.65, 0, 0.35, 1);

  /* Glow */
  --glow-purple: 0 0 40px rgba(123, 47, 255, 0.55);
  --glow-cyan: 0 0 40px rgba(0, 245, 255, 0.5);

  /* Layering */
  --z-webgl: 0;
  --z-content: 10;
  --z-nav: 60;
  --z-cursor: 9999;
  --z-loader: 10000;
  --z-modal: 9000;

  /* Runtime-controlled (set by JS) */
  --aurora-shift: 0deg;
  --scroll-progress: 0;
}