/* ===================================================================
   DESIGN TOKENS — Divine Studios
   Single source of truth for all visual properties.
   Sci-Fi / Cyberpunk palette — Cyan + Purple accents.
   =================================================================== */

:root {
  /* === PRIMARY: Cyan === */
  --color-cyan: #00f0ff;
  --color-cyan-light: #66f7ff;
  --color-cyan-dark: #00b4bf;
  --color-cyan-glow: rgba(0, 240, 255, 0.15);
  --color-cyan-shadow: rgba(0, 240, 255, 0.35);

  /* === SECONDARY: Purple === */
  --color-purple: #b44aff;
  --color-purple-light: #c878ff;
  --color-purple-dark: #8b2fd6;
  --color-purple-glow: rgba(180, 74, 255, 0.12);
  --color-purple-shadow: rgba(180, 74, 255, 0.3);

  /* === TERTIARY: Magenta (energy / error) === */
  --color-magenta: #ff2d78;
  --color-magenta-glow: rgba(255, 45, 120, 0.12);

  /* === BACKGROUNDS: Deep navy-black === */
  --color-bg: #06080e;
  --color-bg-card: #0b0d18;
  --color-bg-card-hover: #10132a;
  --color-bg-elevated: #12152e;

  /* === TEXT === */
  --color-text: #e8ecf4;
  --color-text-dim: #6b7a94;

  /* === BORDERS === */
  --color-border: rgba(0, 240, 255, 0.10);
  --color-border-hover: rgba(0, 240, 255, 0.30);
  --color-border-purple: rgba(180, 74, 255, 0.15);

  /* === OVERLAYS === */
  --color-overlay-dark: rgba(6, 8, 14, 0.95);
  --color-overlay-medium: rgba(6, 8, 14, 0.6);

  /* === SEMANTIC === */
  --color-success: #00e676;
  --color-error: #ff2d78;

  /* === GRADIENTS === */
  --gradient-accent: linear-gradient(135deg, var(--color-cyan), var(--color-purple));
  --gradient-accent-horizontal: linear-gradient(90deg, var(--color-cyan), var(--color-purple));
  --gradient-glow-cyan: radial-gradient(ellipse, var(--color-cyan-glow), transparent 70%);
  --gradient-glow-purple: radial-gradient(ellipse, var(--color-purple-glow), transparent 70%);

  /* === TYPOGRAPHY === */
  --font-heading: 'Orbitron', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Rajdhani', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-mono: 'Share Tech Mono', 'Consolas', monospace;
  --fs-hero: clamp(2.5rem, 6vw, 5rem);
  --fs-h2: clamp(1.8rem, 4vw, 3rem);
  --fs-h3: clamp(1.2rem, 2.5vw, 1.5rem);
  --fs-body: 1rem;
  --fs-small: 0.85rem;
  --fs-label: 0.75rem;
  --fs-tiny: 0.65rem;
  --lh-heading: 1.1;
  --lh-body: 1.6;
  --ls-label: 0.15em;

  /* === SPACING === */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 3rem;
  --space-xl: 6rem;
  --container-max: 1300px;
  --nav-height: 72px;

  /* === TRANSITIONS === */
  --ease-fast: 0.2s ease;
  --ease-base: 0.3s ease;
  --ease-slow: 0.6s ease;
  --ease-smooth: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);

  /* === Z-INDEX SCALE === */
  --z-base: 1;
  --z-sticky: 900;
  --z-nav: 1000;
  --z-overlay: 1100;
  --z-lightbox: 1200;
}