/* ==========================================================================
   RAPID RESPONSE PLUMBING & HEATING — THEME SYSTEM & TOKENS
   ========================================================================== */

:root {
  /* Brand Palette — High Trust Navy + Disciplined Urgency Amber */
  --color-primary: #0B2545;
  --color-primary-light: #13315C;
  --color-primary-dark: #071931;
  --color-secondary: #1E5B8C;
  --color-secondary-light: #2B72AB;
  
  --color-accent: #F97316;
  --color-accent-hover: #EA6408;
  --color-accent-light: #FFF7ED;
  
  /* Status Colors */
  --color-success: #16A34A;
  --color-success-bg: #DCFCE7;
  --color-warning: #F59E0B;
  --color-warning-bg: #FEF3C7;
  --color-danger: #DC2626;
  --color-danger-bg: #FEE2E2;
  --color-info: #0EA5E9;
  --color-info-bg: #E0F2FE;

  /* Neutral Scale */
  --color-neutral-900: #0F172A;
  --color-neutral-800: #1E293B;
  --color-neutral-700: #334155;
  --color-neutral-600: #475569;
  --color-neutral-500: #64748B;
  --color-neutral-400: #94A3B8;
  --color-neutral-300: #CBD5E1;
  --color-neutral-200: #E2E8F0;
  --color-neutral-100: #F1F5F9;
  --color-neutral-50: #F8FAFC;

  /* Surface & Background */
  --color-background: #FAFAF9;
  --color-surface: #FFFFFF;
  --color-surface-hover: #F8FAFC;
  --color-overlay: rgba(11, 37, 69, 0.75);

  /* Typography */
  --font-heading: 'Sora', 'Inter', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Spacing Scale (4px base) */
  --space-0-5: 2px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  /* Layout Widths */
  --container-max: 1240px;
  --container-narrow: 840px;

  /* Radii */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(11, 37, 69, 0.08), 0 1px 2px rgba(11, 37, 69, 0.04);
  --shadow-md: 0 4px 14px rgba(11, 37, 69, 0.10), 0 2px 6px rgba(11, 37, 69, 0.06);
  --shadow-lg: 0 10px 28px rgba(11, 37, 69, 0.14), 0 4px 10px rgba(11, 37, 69, 0.08);
  --shadow-xl: 0 20px 48px rgba(11, 37, 69, 0.20), 0 8px 16px rgba(11, 37, 69, 0.10);
  --shadow-glow: 0 0 20px rgba(249, 115, 22, 0.35);

  /* Focus & Focus Ring */
  --focus-ring-color: #F97316;
  --focus-ring: 0 0 0 3px rgba(249, 115, 22, 0.4);

  /* Transitions & Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  
  --duration-fast: 150ms;
  --duration-normal: 250ms;
  --duration-slow: 400ms;
}