/* ============================================
   SECURITY BOX - CSS VARIABLES & TOKENS
   ============================================ */

:root {
  /* Colors */
  --red: #CC1B1B;
  --red-bright: #CC1B1B;
  --red-dark: #8B0000;
  --red-glow: rgba(204, 27, 27, 0.25);
  --white: #111111;
  --bg: #ffffff;
  --bg2: #f5f5f5;
  --text-dim: #666;
  --text-body: #444;

  /* Typography */
  --font-display: 'Space Grotesk', sans-serif;
  --font-body: 'Inter', sans-serif;

  /* Spacing */
  --spacing-xs: 6px;
  --spacing-sm: 12px;
  --spacing-md: 24px;
  --spacing-lg: 36px;
  --spacing-xl: 48px;
  --spacing-2xl: 60px;

  /* Breakpoints */
  --bp-mobile: 640px;
  --bp-tablet: 1000px;
  --bp-desktop: 1440px;

  /* Z-indexes */
  --z-bg-grid: 0;
  --z-scan: 1;
  --z-content: 2;
  --z-nav: 200;
}