/* ============================================
   NEXUS — Design Tokens (Dark Win95)
   ============================================ */

:root {
  /* ── Colors: Background ── */
  --bg-primary: #0A0A0A;
  --bg-secondary: #111111;
  --bg-tertiary: #1A1A1A;

  /* ── Colors: Surface ── */
  --surface-1: #1A1A1A;
  --surface-2: #222222;
  --surface-3: #2A2A2A;

  /* ── Colors: Win95 3D ── */
  --win95-light: #505050;
  --win95-dark: #000000;
  --win95-blue: #000080;
  --win95-highlight: #404040;

  /* ── Colors: Accent ── */
  --primary: #00E5FF;
  --primary-rgb: 0, 229, 255;
  --secondary: #4ADE80;
  --secondary-rgb: 74, 222, 128;
  --warning: #F59E0B;
  --danger: #EF4444;

  /* ── Colors: Text ── */
  --text-primary: #E0E0E0;
  --text-secondary: #B0B0B0;
  --text-tertiary: #808080;
  --text-muted: #606060;

  /* ── Spacing ── */
  --space-2xs: 2px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 96px;
  --space-5xl: 128px;

  /* ── Border Radius (sharp Win95) ── */
  --radius-xs: 0;
  --radius-sm: 0;
  --radius-md: 2px;
  --radius-lg: 2px;
  --radius-xl: 2px;
  --radius-full: 0;

  /* ── Shadows ── */
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --shadow-xl: none;
  --shadow-glow-cyan: none;
  --shadow-glow-green: none;
  --shadow-glow-cyan-lg: none;
  --shadow-card: none;

  /* ── Transitions ── */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration-instant: 50ms;
  --duration-fast: 80ms;
  --duration-normal: 150ms;
  --duration-slow: 200ms;
  --duration-slower: 300ms;

  /* ── Z-Index ── */
  --z-below: -1;
  --z-base: 0;
  --z-above: 1;
  --z-nav: 100;
  --z-overlay: 200;
  --z-modal: 300;
  --z-toast: 400;
  --z-tooltip: 500;

  /* ── Container ── */
  --container-max: 1200px;
  --container-padding: var(--space-lg);

  /* ── Border ── */
  --border-subtle: 1px solid #333333;
  --border-light: 1px solid #444444;
  --border-accent: 1px solid var(--primary);
}