/* Air Temp — Radii, borders, shadows, motion.
   The brand reads bold and industrial: modest rounding, confident black outlines
   (echoing the logo's heavy stroke), grounded shadows — no glassy blur. */
:root{
  /* Radii */
  --radius-none:0; --radius-xs:3px; --radius-sm:5px; --radius-md:8px;
  --radius-lg:12px; --radius-xl:18px; --radius-2xl:24px; --radius-pill:999px;

  /* Border widths */
  --border-hair:1px; --border-thin:1.5px; --border-bold:2px; --border-heavy:3px;

  /* Shadows — soft, neutral, grounded */
  --shadow-xs:0 1px 2px rgba(17,20,23,.06);
  --shadow-sm:0 1px 3px rgba(17,20,23,.10),0 1px 2px rgba(17,20,23,.06);
  --shadow-md:0 4px 12px rgba(17,20,23,.10),0 2px 4px rgba(17,20,23,.06);
  --shadow-lg:0 12px 28px rgba(17,20,23,.14),0 4px 8px rgba(17,20,23,.06);
  --shadow-xl:0 24px 56px rgba(17,20,23,.18);
  /* Heat glow — signature accent for hero/CTA emphasis */
  --shadow-heat:0 8px 24px rgba(215,35,46,.28);
  --shadow-cool:0 8px 24px rgba(3,161,233,.26);

  /* Focus */
  --focus-ring-width:3px;
  --focus-ring-color:rgba(3,161,233,.45);

  /* Motion */
  --ease-standard:cubic-bezier(.2,.6,.2,1); /* @kind other */
  --ease-out:cubic-bezier(.16,1,.3,1); /* @kind other */
  --ease-in:cubic-bezier(.5,0,.9,.3); /* @kind other */
  --dur-fast:120ms; /* @kind other */
  --dur-base:200ms; /* @kind other */
  --dur-slow:320ms; /* @kind other */
}