/* DISERC Design System — Phase 2: foundation tokens
   Visual direction: dark-first, restrained glass, technical enterprise.
   Motion is intentionally out of scope for this phase.
*/
:root{
  color-scheme:dark;

  /* Core surfaces */
  --bg:#05070b;
  --surface:#0d121a;
  --surface-raised:#141b25;
  --surface-elevated:#192230;
  --surface-glass:rgba(15,21,30,.68);
  --surface-glass-strong:rgba(18,26,37,.84);

  /* Text */
  --text:#f5f7fb;
  --text-strong:#ffffff;
  --muted:#9aa7b8;
  --subtle:#687587;

  /* Brand */
  --blue:#12bfff;
  --cyan:#42f3ff;
  --blue-soft:rgba(18,191,255,.14);
  --cyan-soft:rgba(66,243,255,.10);

  /* Product accents */
  --security:#4d7cff;
  --software:#19c5aa;
  --infra:#f5ad3b;

  /* Borders */
  --line:rgba(148,163,184,.16);
  --line-strong:rgba(148,163,184,.28);
  --line-brand:rgba(18,191,255,.42);

  /* Typography */
  --display:"Space Grotesk",sans-serif;
  --body:"Inter",sans-serif;
  --mono:"JetBrains Mono",monospace;

  /* Layout */
  --container:1240px;
  --pad:clamp(20px,4vw,56px);
  --section-space:clamp(88px,10vw,152px);

  /* Spacing scale */
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-8:32px;
  --space-10:40px;
  --space-12:48px;
  --space-16:64px;
  --space-20:80px;
  --space-24:96px;

  /* Radius */
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:16px;
  --radius-xl:22px;
  --radius-pill:999px;

  /* Elevation */
  --shadow-sm:0 4px 18px rgba(0,0,0,.18);
  --shadow-md:0 12px 34px rgba(0,0,0,.24);
  --shadow-lg:0 24px 64px rgba(0,0,0,.32);
  --shadow-glass:0 18px 50px rgba(0,0,0,.22);

  /* Focus */
  --focus-ring:0 0 0 3px rgba(66,243,255,.18);

  /* Legacy aliases retained for existing pages */
  --blue-hover:#42f3ff;
}