/* ==========================================================================
   Beaver Dam Auto Sales — design tokens (single source of truth, SPEC §2)
   Palette sampled from the client's mascot: royal-blue cap, gold panels,
   beaver-brown fur. Blue = trust, gold = value, brown = warmth.
   ========================================================================== */
:root{
  /* Brand palette (sampled from mascot) */
  --bda-blue-950:#061040;  --bda-blue-900:#0B1C5C;  --bda-blue-800:#10287C;  --bda-blue-700:#113092; /* cap blue */
  --bda-blue-600:#1E44B8;  --bda-blue-500:#2B5BDB;  --bda-blue-100:#E3E9FA;  --bda-blue-50:#F2F5FD;
  --bda-gold-700:#A8781A;  --bda-gold-600:#D4A83A;  --bda-gold-500:#EFC650; /* cap gold */ --bda-gold-400:#F5D46E; --bda-gold-100:#FBF2D3;
  --bda-brown-800:#4A2A10; --bda-brown-700:#764318; /* dark fur */ --bda-brown-500:#9A6128; /* fur */ --bda-brown-300:#C4924F; --bda-brown-100:#F2E6D6;
  --bda-paper-50:#FBF8F1;  --bda-paper-100:#F4EFE4; --bda-paper-200:#E8E0D0; --bda-paper-300:#D8CDB8;
  --bda-ink:#101828;  --bda-ink-2:#2A3446;  --bda-muted:#5A6577;  --bda-line:#E1DCD2;  --bda-white:#FFFFFF;
  --bda-green:#1F7A45;  --bda-red:#C0392B;  --bda-orange:#E67E22;

  /* Semantic */
  --bda-bg:var(--bda-paper-50);  --bda-surface:var(--bda-white);  --bda-surface-2:var(--bda-paper-100);
  --bda-text:var(--bda-ink);  --bda-text-2:var(--bda-ink-2);  --bda-text-muted:var(--bda-muted);
  --bda-primary:var(--bda-gold-500);  --bda-primary-hover:var(--bda-gold-400);  --bda-primary-ink:var(--bda-blue-950);
  --bda-secondary:var(--bda-blue-700);  --bda-secondary-hover:var(--bda-blue-600);
  --bda-dark:var(--bda-blue-900);  --bda-dark-2:var(--bda-blue-950);  --bda-on-dark:#F4F1E9;  --bda-on-dark-muted:#B7C0DC;
  --bda-accent:var(--bda-brown-500);
  --bda-link:var(--bda-blue-700);

  /* Type */
  --bda-font-display:"Barlow Condensed","Arial Narrow",Impact,sans-serif;
  --bda-font-body:"Barlow","Helvetica Neue",Arial,sans-serif;
  --bda-fs-hero:clamp(2.9rem,6.8vw,5.5rem);
  --bda-fs-h1:clamp(2.25rem,4.5vw,3.5rem);
  --bda-fs-h2:clamp(1.9rem,3.4vw,2.8rem);
  --bda-fs-h3:clamp(1.35rem,2vw,1.6rem);
  --bda-fs-h4:1.15rem;  --bda-fs-body:1.0625rem;  --bda-fs-small:.9rem;  --bda-fs-eyebrow:.8rem;
  --bda-lh-tight:1.02;  --bda-lh-snug:1.2;  --bda-lh-body:1.6;

  /* Layout */
  --bda-container:1240px;  --bda-container-wide:1400px;  --bda-container-narrow:820px;
  --bda-gutter:clamp(1rem,4vw,2rem);
  --bda-section-y:clamp(3.5rem,8vw,6.5rem);
  --bda-radius-sm:6px; --bda-radius:12px; --bda-radius-lg:20px; --bda-radius-pill:999px;
  --bda-shadow-sm:0 1px 2px rgba(6,16,64,.06),0 1px 3px rgba(6,16,64,.08);
  --bda-shadow:0 8px 20px -8px rgba(6,16,64,.22),0 2px 6px rgba(6,16,64,.06);
  --bda-shadow-lg:0 26px 50px -18px rgba(6,16,64,.4);
  --bda-ease:cubic-bezier(.2,.7,.2,1);  --bda-dur:.22s;
  --bda-header-h:84px;

  /* Derived tokens (used by every layer; not in SPEC §2 but built from it) */
  --bda-focus:rgba(239,198,80,.45);                 /* focus-visible ring: gold @ 45% */
  --bda-focus-field:rgba(239,198,80,.35);           /* field focus ring: gold @ 35% */
  --bda-dam-stripe:repeating-linear-gradient(45deg,var(--bda-gold-500) 0 8px,transparent 8px 24px);
  --bda-glow:radial-gradient(60% 70% at 0% 0%,rgba(17,48,146,.55),transparent 70%);
  --bda-scrim-hero:linear-gradient(78deg,rgba(6,16,64,.96) 0%,rgba(6,16,64,.82) 38%,rgba(6,16,64,.35) 100%);
  --bda-on-dark-line:rgba(255,255,255,.12);
  --bda-topbar-h:36px;
  --bda-dur-slow:.45s;
}