/* ==========================================================================
   AdBrust design tokens — the ONE place for colours, fonts, spacing and motion timings.
   Every AdBrust widget and the header/footer use these. Rules: docs/ADBRUST-BLUEPRINT.md
   ========================================================================== */

/* ---------- Fonts (self-hosted; own family names so they never clash with theme/Elementor fonts) ---------- */
@font-face { font-family: "AdBrust Inter"; src: url("../fonts/inter-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "AdBrust Inter"; src: url("../fonts/inter-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "AdBrust Inter"; src: url("../fonts/inter-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "AdBrust Montserrat"; src: url("../fonts/montserrat-300.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "AdBrust Montserrat"; src: url("../fonts/montserrat-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "AdBrust Montserrat"; src: url("../fonts/montserrat-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "AdBrust Montserrat"; src: url("../fonts/montserrat-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }

:root {
  /* Colours — ONLY these five */
  --adbrust-ink:     #0E1116;  /* main background (dark) */
  --adbrust-white:   #FFFFFF;  /* headings on dark, light section background */
  --adbrust-surface: #E6E9EE;  /* body text on dark, light sections */
  --adbrust-slate:   #5A6472;  /* body text on light, all 1px borders */
  --adbrust-blue:    #2563EB;  /* primary button, logo period, active form step, focus ring ONLY */

  /* Fonts */
  --adbrust-font-head: "Gotham", "AdBrust Montserrat", system-ui, sans-serif;
  --adbrust-font-body: "AdBrust Inter", system-ui, sans-serif;

  /* Space */
  --adbrust-section-gap: clamp(4rem, 9vw, 8.125rem);  /* 64px mobile -> 130px desktop */
  --adbrust-gutter: clamp(1.25rem, 4vw, 3rem);
  --adbrust-pad-left: 8.3vw;                          /* page text column (hero + sections line up) */
  --adbrust-pad-right: 4vw;
  --adbrust-max-width: 1440px;

  /* Shape */
  --adbrust-radius: 4px;
  --adbrust-border: 1px solid var(--adbrust-slate);

  /* Motion timings (used by AdBrust Motion) */
  --adbrust-ease-out: cubic-bezier(.22, 1, .36, 1);       /* hovers */
  --adbrust-ease-entrance: cubic-bezier(.16, 1, .3, 1);   /* entrances */
  --adbrust-reveal-distance: 16px;
  --adbrust-reveal-duration: .6s;
  --adbrust-hover-duration: .25s;
}

@media (max-width: 767px) {
  :root { --adbrust-pad-left: 6vw; --adbrust-pad-right: 6vw; }
}