/**
 * Color Primitives
 * Raw color palette - these are the base colors used to build semantic tokens
 * Never use these directly in components - use semantic tokens instead
 */

:root {
  /* ═══════════════════════════════════════════════════════════════════════════
     NEUTRAL SCALE (Gray)
     ═══════════════════════════════════════════════════════════════════════════ */
  --color-gray-50: #fafafa;
  --color-gray-100: #f4f4f5;
  --color-gray-200: #e4e4e7;
  --color-gray-300: #d4d4d8;
  --color-gray-400: #a1a1aa;
  --color-gray-500: #71717a;
  --color-gray-600: #52525b;
  --color-gray-700: #3f3f46;
  --color-gray-800: #27272a;
  --color-gray-850: #1f1f23;
  --color-gray-900: #18181b;
  --color-gray-950: #0a0a0a;

  /* ═══════════════════════════════════════════════════════════════════════════
     CRIMSON (Primary / Brand - RedAmon)
     ═══════════════════════════════════════════════════════════════════════════ */
  --color-crimson-50: #fef2f2;
  --color-crimson-100: #fee2e2;
  --color-crimson-200: #ffcdd2;
  --color-crimson-300: #ef9a9a;
  --color-crimson-400: #ef5350;
  --color-crimson-500: #e53935;
  --color-crimson-600: #d32f2f;
  --color-crimson-700: #c62828;
  --color-crimson-800: #b71c1c;
  --color-crimson-900: #7f1d1d;

  /* ═══════════════════════════════════════════════════════════════════════════
     BLUE (Secondary / Info)
     ═══════════════════════════════════════════════════════════════════════════ */
  --color-blue-50: #eff6ff;
  --color-blue-100: #dbeafe;
  --color-blue-200: #bfdbfe;
  --color-blue-300: #93c5fd;
  --color-blue-400: #60a5fa;
  --color-blue-500: #3b82f6;
  --color-blue-600: #2563eb;
  --color-blue-700: #1d4ed8;
  --color-blue-800: #1e40af;
  --color-blue-900: #1e3a8a;

  /* ═══════════════════════════════════════════════════════════════════════════
     RED (Error / Critical - for status)
     ═══════════════════════════════════════════════════════════════════════════ */
  --color-red-50: #fef2f2;
  --color-red-100: #fee2e2;
  --color-red-200: #fecaca;
  --color-red-300: #fca5a5;
  --color-red-400: #f87171;
  --color-red-500: #ef4444;
  --color-red-600: #dc2626;
  --color-red-700: #b91c1c;
  --color-red-800: #991b1b;
  --color-red-900: #7f1d1d;

  /* ═══════════════════════════════════════════════════════════════════════════
     GREEN (Success)
     ═══════════════════════════════════════════════════════════════════════════ */
  --color-green-50: #f0fdf4;
  --color-green-100: #dcfce7;
  --color-green-200: #bbf7d0;
  --color-green-300: #86efac;
  --color-green-400: #4ade80;
  --color-green-500: #22c55e;
  --color-green-600: #16a34a;
  --color-green-700: #15803d;
  --color-green-800: #166534;
  --color-green-900: #14532d;

  /* ═══════════════════════════════════════════════════════════════════════════
     AMBER (Warning)
     ═══════════════════════════════════════════════════════════════════════════ */
  --color-amber-50: #fffbeb;
  --color-amber-100: #fef3c7;
  --color-amber-200: #fde68a;
  --color-amber-300: #fcd34d;
  --color-amber-400: #fbbf24;
  --color-amber-500: #f59e0b;
  --color-amber-600: #d97706;
  --color-amber-700: #b45309;
  --color-amber-800: #92400e;
  --color-amber-900: #78350f;

  /* ═══════════════════════════════════════════════════════════════════════════
     ORANGE (Threat Intelligence)
     ═══════════════════════════════════════════════════════════════════════════ */
  --color-orange-500: #f97316;
  --color-orange-600: #ea580c;

  /* ═══════════════════════════════════════════════════════════════════════════
     YELLOW (Attack Patterns)
     ═══════════════════════════════════════════════════════════════════════════ */
  --color-yellow-500: #eab308;
  --color-yellow-600: #ca8a04;

  /* ═══════════════════════════════════════════════════════════════════════════
     CYAN / TEAL (Network Layer)
     ═══════════════════════════════════════════════════════════════════════════ */
  --color-cyan-500: #06b6d4;
  --color-cyan-600: #0891b2;
  --color-cyan-700: #0e7490;
  --color-teal-500: #14b8a6;
  --color-teal-600: #0d9488;

  /* ═══════════════════════════════════════════════════════════════════════════
     PURPLE / INDIGO (Web Application Layer)
     ═══════════════════════════════════════════════════════════════════════════ */
  --color-indigo-500: #6366f1;
  --color-indigo-600: #4f46e5;
  --color-purple-500: #a855f7;
  --color-purple-600: #9333ea;
  --color-violet-500: #8b5cf6;
  --color-violet-600: #7c3aed;

  /* ═══════════════════════════════════════════════════════════════════════════
     PINK / MAGENTA (CVE Severity)
     ═══════════════════════════════════════════════════════════════════════════ */
  --color-pink-500: #ec4899;
  --color-pink-600: #db2777;
  --color-pink-700: #be185d;
  --color-pink-900: #831843;
  --color-magenta-critical: #ff3377;

  /* ═══════════════════════════════════════════════════════════════════════════
     SPECIAL COLORS
     ═══════════════════════════════════════════════════════════════════════════ */
  --color-white: #ffffff;
  --color-black: #000000;
  --color-transparent: transparent;

  /* Vulnerability severity specials */
  --color-vuln-critical: #ff3333;
  --color-cve-critical: #ff3377;
}