:root {
  /* Colors - Security Navy & Tech Cyan Theme */
  --color-bg-primary: #070c18;
  --color-bg-secondary: #0c1427;
  --color-bg-tertiary: #111d38;
  --color-card-bg: rgba(15, 23, 42, 0.75);
  --color-card-border: rgba(56, 189, 248, 0.15);
  --color-card-border-hover: rgba(56, 189, 248, 0.45);
  
  --color-text-primary: #f8fafc;
  --color-text-secondary: #cbd5e1;
  --color-text-muted: #94a3b8;
  --color-text-highlight: #38bdf8;

  --color-accent-cyan: #38bdf8;
  --color-accent-blue: #2563eb;
  --color-accent-hover: #0284c7;
  --color-accent-glow: rgba(56, 189, 248, 0.25);

  --color-status-live: #ef4444;
  --color-status-success: #10b981;
  --color-status-warning: #f59e0b;

  /* Typography */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;

  /* Layout */
  --container-max-width: 1240px;
  --container-padding: clamp(1rem, 4vw, 2.5rem);
  --header-height: 76px;

  /* Transitions & Radii */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 400ms cubic-bezier(0.4, 0, 0.2, 1);

  /* Shadows */
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.25);
  --shadow-md: 0 4px 14px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.5);
  --shadow-glow: 0 0 25px rgba(56, 189, 248, 0.2);
  --shadow-glow-strong: 0 0 35px rgba(56, 189, 248, 0.35);
}