@font-face {
  font-family: 'Barlow Condensed';
  src: url('/fonts/BarlowCondensed-Bold.ttf') format('truetype');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
:root {
  --color-primary: #56f702;
  --color-primary-hover: #83ff35;
  --color-primary-soft: #eaf6e3;
  --color-background: #f8f9f5;
  --color-surface: #ffffff;
  --color-background-dark: #101310;
  --color-surface-dark: #1b201c;
  --color-text: #171c18;
  --color-muted: #636b62;
  --color-light: #f8faf5;
  --color-light-muted: #b9c0b6;
  --color-border: #dce1d8;
  --color-border-dark: #343c32;
  --color-ink: #071006;
  --color-transparent: transparent;
  --color-cone: #f39442;
  --color-trailer: #dce3d8;
  --color-truck-window: #273b31;
  --color-grid: #293229;
  --color-shadow: #000000;
  --color-form-error: #ffb4a8;
  --color-form-error-bg: #3d2825;
  --color-form-success: #baffaa;
  --color-form-success-bg: #20361c;
  --hero-gradient: linear-gradient(90deg, #101310 2%, #101310f0 26%, #101310a6 48%, #10131012 82%);
  --hero-floor: linear-gradient(0deg, #101310 0%, #10131000 45%);
  --hero-mobile-gradient: linear-gradient(0deg, #101310 7%, #101310f0 36%, #10131030 90%);
  --shadow-card: 0 16px 40px #1013100a;
  --shadow-header: 0 6px 30px #00000026;
  --font-body: 'Segoe UI', Arial, sans-serif;
  --font-heading: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --font-mono: 'Consolas', monospace;
  --text-xs: .72rem;
  --text-small: .875rem;
  --text-body: 1rem;
  --text-lead: clamp(1.05rem, 1.6vw, 1.2rem);
  --heading-hero: clamp(3.7rem, 6.6vw, 6.6rem);
  --heading-section: clamp(2.8rem, 4.3vw, 4.5rem);
  --heading-card: clamp(1.65rem, 2.2vw, 2rem);
  --container-width: 1220px;
  --page-gutter: clamp(1.25rem, 5vw, 5rem);
  --section-spacing: clamp(4rem, 7vw, 7rem);
  --space-xs: .5rem;
  --space-small: 1rem;
  --space-medium: 2rem;
  --space-large: 3rem;
  --space-xl: 4rem;
  --header-height: 80px;
  --radius-small: 4px;
  --radius: 12px;
  --radius-large: 20px;
  --transition-fast: 180ms ease;
  --transition-normal: 300ms ease;
  --duration-reveal: 650ms;
  --duration-hero: 800ms;
  --duration-backing: 4600;
  --focus-ring: 3px solid var(--color-primary);
}