:root {
  /* =========================================================================
     Primary Brand Palette (CyraTechnoVIX Design System)
     ========================================================================= */
  --cyra-orange: #FF682C;
  --cyra-orange-hover: #E5561D;
  --cyra-orange-light: rgba(255, 104, 44, 0.08);
  --cyra-orange-glow: rgba(255, 104, 44, 0.2);
  
  --cyra-deep: #512520;
  --cyra-brown: #512520;
  --cyra-gold: #816729;
  --cyra-gold-light: rgba(129, 103, 41, 0.1);
  
  /* Neutrals & Surfaces (Strict Light Theme) */
  --cyra-bg: #EFEFEF;
  --cyra-surface: #FFFFFF;
  --cyra-surface-subtle: #F7F7F7;
  --cyra-surface-hover: #F2F2F2;
  --cyra-text: #202020;
  --cyra-text-muted: #595959;
  --cyra-text-subtle: #7E7E7E;
  --cyra-border: #D9D9D9;
  --cyra-border-subtle: #E8E8E8;
  --cyra-border-dark: #202020;

  /* Status Colors */
  --status-healthy: #16A34A;
  --status-healthy-bg: rgba(22, 163, 74, 0.08);
  --status-anomaly: #DC2626;
  --status-anomaly-bg: rgba(220, 38, 38, 0.08);
  --status-warning: #D97706;
  --status-warning-bg: rgba(217, 119, 6, 0.08);
  --status-info: #2563EB;
  --status-info-bg: rgba(37, 99, 235, 0.08);

  /* Typography */
  --font-heading: 'Plus Jakarta Sans', 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', 'SF Mono', Consolas, monospace;

  /* Typography Scale */
  --text-hero: clamp(2.2rem, 4vw + 1rem, 3.8rem);
  --text-h1: clamp(2rem, 3vw + 0.5rem, 3rem);
  --text-h2: clamp(1.6rem, 2.2vw + 0.4rem, 2.3rem);
  --text-h3: clamp(1.2rem, 1.4vw + 0.2rem, 1.6rem);
  --text-h4: 1.15rem;
  --text-body-lg: 1.125rem;
  --text-body: 1rem;
  --text-body-sm: 0.875rem;
  --text-caption: 0.75rem;

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

  /* Border Radii */
  --radius-base: 4px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-pill: 20px;

  /* Restrained Shadows */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 14px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.08);

  /* Layout Widths */
  --container-max: 1240px;
  --container-wide: 1360px;
  --container-narrow: 880px;
  --header-height: 64px;
  --telemetry-height: 34px;
  --total-header-height: 98px;

  /* Transitions */
  --transition-fast: 150ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-base: 250ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 400ms cubic-bezier(0.16, 1, 0.3, 1);
}