/* ShieldPro Design Tokens — generated by Novamira */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;800;900&family=Lato:wght@300;400;700&display=swap');

:root {
  --color-black: #0f0f0f;
  --color-dark: #1a1a1a;
  --color-steel: #2c2c2c;
  --color-white: #ffffff;
  --color-light: #f5f4f1;
  --color-border: #e0e0e0;
  --color-accent: #c8960c;
  --color-accent-dark: #9e7509;
  --color-accent-light: #f5e6b8;
  --color-teal: #1a6b5a;
  --color-teal-light: #e8f4f1;
  --color-mid: #555555;
  --color-muted: #888888;
  --color-error: #c0392b;
  --color-success: #1D9E75;
  --color-burglar-bars: #c8960c;
  --color-electric-fence: #1D9E75;
  --color-security-gates: #378ADD;
  --color-garage-doors: #9B59B6;
  --color-carports: #E67E22;
  --color-palisade: #E74C3C;
  --font-head: 'Barlow Condensed', sans-serif;
  --font-body: 'Lato', sans-serif;
  --text-xs: 11px;
  --text-sm: 13px;
  --text-base: 15px;
  --text-lg: 18px;
  --text-xl: 24px;
  --text-2xl: 32px;
  --text-3xl: 48px;
  --text-4xl: 60px;
  --text-5xl: 80px;
  --text-hero: 88px;
  --weight-light: 300;
  --weight-regular: 400;
  --weight-bold: 700;
  --weight-heavy: 800;
  --weight-black: 900;
  --tracking-tight: -0.01em;
  --tracking-normal: 0;
  --tracking-wide: 0.04em;
  --tracking-wider: 0.08em;
  --tracking-widest: 0.16em;
  --leading-none: 1;
  --leading-tight: 1.1;
  --leading-snug: 1.35;
  --leading-normal: 1.65;
  --leading-relaxed: 1.8;
  --leading-loose: 2;
  --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-14: 56px;
  --space-16: 64px;
  --space-20: 80px;
  --space-22: 88px;
  --space-24: 96px;
  --section-padding-y: 88px;
  --section-padding-x: 48px;
  --section-padding-mob: 56px 24px;
  --container-max: 1140px;
  --gap-sm: 12px;
  --gap-md: 20px;
  --gap-lg: 48px;
  --gap-xl: 64px;
  --gap-2xl: 80px;
  --nav-height: 64px;
  --topbar-height: 36px;
  --radius-none: 0;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --radius-full: 9999px;
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.06);
  --shadow-md: 0 6px 20px rgba(0,0,0,0.08);
  --shadow-lg: 0 12px 40px rgba(0,0,0,0.12);
  --shadow-accent: 4px 4px 0 #f5e6b8;
  --transition-fast: all 0.15s ease;
  --transition-base: all 0.2s ease;
  --transition-slow: all 0.35s ease;
  --border-width: 1px;
  --border-color: #e0e0e0;
  --border-color-dark: #1e1e1e;
  --border-accent: rgba(200,150,12,0.3);
  --bp-sm: 480px;
  --bp-md: 768px;
  --bp-lg: 1040px;
  --bp-xl: 1140px;
  --z-base: 1;
  --z-raised: 10;
  --z-sticky: 100;
  --z-nav: 200;
  --z-modal: 1000;
}