/* ==========================================================================
   Paul Merchants Limited × WIGITAL AI Executive Presentation
   Ultra-Premium Design Tokens & Architectural Variables
   ========================================================================== */

:root {
  /* Obsidian & Midnight Slate Surface Palette */
  --bg-deep-space: #030712;
  --bg-midnight: #070D1B;
  --bg-surface: #0E172A;
  --bg-surface-elevated: #162238;
  --bg-card: rgba(14, 23, 42, 0.82);
  --bg-card-hover: rgba(22, 36, 62, 0.95);

  /* Brand Blues & Precision Telemetry */
  --cyan-bright: #38BDF8;
  --cyan-vibrant: #00E5FF;
  --cyan-glow: rgba(56, 189, 248, 0.35);
  --cyan-subtle: rgba(56, 189, 248, 0.09);
  --blue-corporate: #1E40AF;
  --blue-bright: #2563EB;
  --blue-glow: rgba(37, 99, 235, 0.4);
  --gold-accent: #F59E0B;
  --gold-glow: rgba(245, 158, 11, 0.3);

  /* High-Contrast Executive Typography Colors (WCAG AAA Compliant) */
  --text-white: #FFFFFF;
  --text-primary: #F8FAFC;
  --text-secondary: #E2E8F0;
  --text-body: #CBD5E1;
  --text-muted: #94A3B8;
  --text-dim: #64748B;

  /* Status Indicators */
  --status-emerald: #10B981;
  --status-emerald-glow: rgba(16, 185, 129, 0.5);

  /* Precision Hairline Borders */
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-medium: rgba(255, 255, 255, 0.14);
  --border-highlight: rgba(255, 255, 255, 0.24);
  --border-cyan: rgba(56, 189, 248, 0.45);

  /* Typography Stack */
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Space Grotesk', 'Plus Jakarta Sans', -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Consolas, monospace;

  /* Typography Fluid Sizing */
  --text-eyebrow: clamp(0.7rem, 0.8vw, 0.8rem);
  --text-sm: clamp(0.8rem, 0.92vw, 0.9rem);
  --text-base: clamp(0.92rem, 1.08vw, 1.05rem);
  --text-lg: clamp(1.08rem, 1.28vw, 1.22rem);
  --text-title: clamp(1.9rem, 2.8vw, 2.9rem);
  --text-title-large: clamp(2.3rem, 3.6vw, 3.8rem);

  /* Geometry & Elevation */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-full: 9999px;

  /* Cinematic Animation Easing */
  --ease-cinematic: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 200ms;
  --duration-normal: 400ms;
  --duration-slow: 700ms;

  /* Viewport Layout */
  --hud-height: 64px;
  --hud-padding: clamp(1.2rem, 2.5vw, 2.5rem);
  --column-gap: clamp(2.5rem, 4.5vw, 5rem);
  --stage-padding-x: clamp(2rem, 4.5vw, 5.5rem);
  --stage-padding-y: clamp(1.5rem, 3vh, 3rem);
}