/* ============================================================
   SAFETY BEGINS WITH ME — CSS Variables & Theme
   ============================================================ */
:root {
  /* ── Brand Colors ── */
  --primary:        #021e47;
  --primary-light:  #0a3a7a;
  --primary-dark:   #010f25;
  --accent:         #fc8503;
  --accent-light:   #ffa033;
  --accent-dark:    #d96e02;

  /* ── Neutrals ── */
  --white:          #ffffff;
  --gray-50:        #f8f9fc;
  --gray-100:       #f1f3f9;
  --gray-200:       #e2e8f0;
  --gray-300:       #cbd5e1;
  --gray-400:       #94a3b8;
  --gray-500:       #64748b;
  --gray-600:       #475569;
  --gray-700:       #334155;
  --gray-800:       #1e293b;
  --gray-900:       #0f172a;

  /* ── Semantic Colors ── */
  --success:        #10b981;
  --success-light:  #d1fae5;
  --warning:        #f59e0b;
  --warning-light:  #fef3c7;
  --danger:         #ef4444;
  --danger-light:   #fee2e2;
  --info:           #3b82f6;
  --info-light:     #dbeafe;

  /* ── Severity Colors ── */
  --severity-low:      #10b981;
  --severity-medium:   #f59e0b;
  --severity-high:     #f97316;
  --severity-critical: #ef4444;

  /* ── Status Colors ── */
  --status-pending:    #f59e0b;
  --status-inprogress: #3b82f6;
  --status-resolved:   #10b981;
  --status-closed:     #6b7280;

  /* ── Border Radius ── */
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   16px;
  --radius-xl:   20px;
  --radius-2xl:  24px;
  --radius-3xl:  32px;
  --radius-full: 9999px;

  /* ── Shadows ── */
  --shadow-xs:  0 1px 2px rgba(2,30,71,0.06);
  --shadow-sm:  0 2px 8px rgba(2,30,71,0.08);
  --shadow-md:  0 4px 16px rgba(2,30,71,0.10);
  --shadow-lg:  0 8px 32px rgba(2,30,71,0.12);
  --shadow-xl:  0 16px 48px rgba(2,30,71,0.15);
  --shadow-glow: 0 0 20px rgba(252,133,3,0.25);

  /* ── Typography ── */
  --font-sans:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 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;

  /* ── Sidebar ── */
  --sidebar-width:         260px;
  --sidebar-collapsed:     70px;
  --topbar-height:         64px;

  /* ── Transitions ── */
  --transition-fast:   0.15s ease;
  --transition-base:   0.25s ease;
  --transition-slow:   0.4s ease;

  /* ── Z-Index ── */
  --z-sidebar:  1000;
  --z-topbar:   999;
  --z-modal:    1050;
  --z-toast:    1100;
}