/* CSS Variables for AICompliance Theme */
:root {
  /* Color Palette */
  --color-dark-gradient-start: #0F0F0F;
  --color-dark-gradient-end: #2A1A4E;
  --color-purple-accent: #7B3FF2;
  --color-blue-accent: #00A6FB;
  --color-orange-warning: #FF6B35;
  
  /* Status Colors */
  --color-critical: #FF3B30;
  --color-high: #FF6B35;
  --color-medium: #FFB800;
  --color-low: #34C759;
  --color-info: #00A6FB;
  
  /* UI Elements */
  --color-bg-primary: #0F0F0F;
  --color-bg-secondary: #1A1A1F;
  --color-card-bg: rgba(26, 26, 31, 0.8);
  --color-border: rgba(123, 63, 242, 0.2);
  --color-text-primary: #FFFFFF;
  --color-text-secondary: #B8B8C0;
  --color-text-muted: #6C6C75;
  
  /* Typography */
  --font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-size-h1: 48px;
  --font-size-h2: 36px;
  --font-size-h3: 28px;
  --font-size-h4: 20px;
  --font-size-body: 16px;
  --font-size-small: 14px;
  
  /* Spacing */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;
  --spacing-3xl: 64px;
  
  /* Border Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;
  
  /* Shadows */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
  --shadow-glow: 0 0 20px rgba(123, 63, 242, 0.3);
  
  /* Transitions */
  --transition-fast: 150ms ease-in-out;
  --transition-normal: 300ms ease-in-out;
  --transition-slow: 500ms ease-in-out;
  
  /* Z-index */
  --z-dropdown: 1000;
  --z-sticky: 1020;
  --z-fixed: 1030;
  --z-modal-backdrop: 1040;
  --z-modal: 1050;
  --z-popover: 1060;
  --z-tooltip: 1070;
}