/* =========================================================
   ALL ACES PAINTERS — DESIGN TOKENS
   Off-white + neutral-dark dominant. Brand blue (from the logo)
   is the accent — used strategically, never as a section fill.
========================================================= */
:root{
  /* Neutral-dark (navbar-on-image, footer, one accent dark section) */
  --navy-900:#0F1B2B;
  --navy-800:#16263B;
  --navy-700:#1E3350;
  --charcoal:#1B2027;
  --charcoal-mid:#575F6B;

  /* Off-white system — the dominant ground of the site */
  --grey-light:#F0F1F3;
  --warm-white:#FAFAF8;
  --off-white:#F6F5F1;
  --white:#FFFFFF;

  /* Brand accent — the blue from the logo brushstroke, used sparingly */
  --accent:#0B84D6;
  --accent-dark:#0A67A8;
  --accent-light:#5FC6FA;
  --accent-tint:#EAF4FC;

  --ink:#171C24;
  --line:rgba(23,28,36,.10);
  --line-dark:rgba(255,255,255,.14);

  /* Typography */
  --font-display:'Fraunces', Georgia, 'Times New Roman', serif;
  --font-sans:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Type scale (fluid, trimmed down from the original oversized pass) */
  --fs-hero:clamp(2.4rem, 2.6rem + 3vw, 5.4rem);
  --fs-h1:clamp(2rem, 1.7rem + 2vw, 3.6rem);
  --fs-h2:clamp(1.7rem, 1.5rem + 1.3vw, 2.6rem);
  --fs-h3:clamp(1.2rem, 1.1rem + .6vw, 1.6rem);
  --fs-lead:clamp(1rem, .96rem + .25vw, 1.2rem);
  --fs-body:1rem;
  --fs-small:.875rem;
  --fs-micro:.75rem;

  /* Spacing — tightened for a spacious-but-not-bloated feel */
  --space-xs:.5rem;
  --space-sm:1rem;
  --space-md:1.75rem;
  --space-lg:3rem;
  --space-xl:5rem;
  --space-2xl:6.5rem;

  --container:1360px;
  --gutter:clamp(1.25rem, 4vw, 3.5rem);

  --radius-sm:4px;
  --radius-md:10px;
  --radius-lg:18px;

  --shadow-sm:0 2px 12px rgba(15,27,43,.08);
  --shadow-md:0 10px 32px rgba(15,27,43,.12);
  --shadow-lg:0 20px 60px rgba(15,27,43,.18);

  /* Motion */
  --ease-out:cubic-bezier(.16,.84,.44,1);
  --ease-in-out:cubic-bezier(.65,0,.35,1);
  --dur-fast:.3s;
  --dur-med:.5s;
  --dur-slow:.85s;

  --nav-h:84px;
  --nav-h-scrolled:66px;
}

@media (max-width:768px){
  :root{
    --space-xl:3.5rem;
    --space-2xl:4.5rem;
  }
}