/* AegisQ Design Tokens - Quantum Glass */

:root {
  /* Grayscale Hierarchy (12 tokens) */
  --gray-000: #0A0A0A;
  --gray-050: #121212;
  --gray-100: #1A1A1A;
  --gray-150: #222222;
  --gray-200: #2A2A2A;
  --gray-300: #3A3A3A;
  --gray-400: #4A4A4A;
  --gray-500: #6A6A6A;
  --gray-600: #8A8A8A;
  --gray-700: #AAAAAA;
  --gray-800: #CCCCCC;
  --gray-900: #E8E8E8;
  --base-black: #000000;

  /* Semantic Accents */
  --signal-positive: #4A5A4A;
  --signal-warning: #5A5A4A;
  --signal-critical: #5A4A4A;
  --signal-info: #4A4A5A;
  --signal-positive-hover: #5A6A5A;
  --signal-warning-hover: #6A6A5A;
  --signal-critical-hover: #6A5A5A;
  --signal-info-hover: #5A5A6A;

  /* Glass Effect Variables */
  --glass-bg: rgba(18, 18, 18, 0.6);
  --glass-bg-elevated: rgba(26, 26, 26, 0.7);
  --glass-bg-subtle: rgba(10, 10, 10, 0.4);
  --blur-sm: 8px;
  --blur-md: 16px;
  --blur-lg: 24px;
  --blur-xl: 40px;
  --glass-border: rgba(58, 58, 58, 0.3);
  --glass-border-light: rgba(106, 106, 106, 0.2);
  --glass-border-glow: rgba(232, 232, 232, 0.05);

  /* Z-Index Architecture */
  --z-base: 0;
  --z-raised: 10;
  --z-floating: 100;
  --z-header: 500;
  --z-modal: 1000;
  --z-tooltip: 1100;
  --z-overlay: 2000;

  /* Typography */
  --font-display: 'Inter', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --font-rounded: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3rem;
  --text-6xl: 3.75rem;
  --text-7xl: 4.5rem;
}