/* AirStaff brand layer — marketing site. Design system v1.0.
 *
 * Loaded AFTER site.css so the type and the lockup win by cascade order, not
 * by specificity. site.css already carried the token palette to the byte, so
 * nothing here re-colours anything: the --as-* names are added as canonical
 * and the legacy names now point at them.
 */

/* format('woff2'), NOT format('woff2-variations') — a browser that does not
 * recognise a format string discards the whole src, so the older keyword can
 * silently lose the font. The weight range is what exposes the axis. */
@font-face{
  font-family:'Manrope';
  src:url('/assets/manrope-var-latin.woff2') format('woff2');
  font-weight:200 800;font-style:normal;font-display:swap;
}

:root{
  --as-green-600:#1f6f54;--as-green-700:#155940;--as-mint:#e8f3ee;--as-mint-bright:#8fd3b8;
  --as-ink-900:#0f2b20;--as-ink-800:#17211d;--as-ink-500:#5b6a63;
  --as-line:#e3e9e6;--as-paper:#f6f9f7;--as-amber:#b57f22;--as-radius:12px;
  --as-font:'Manrope','Segoe UI',system-ui,-apple-system,sans-serif;

  /* Legacy names kept pointing at the canonical ones. Do not re-hardcode. */
  --green:var(--as-green-600);--green-d:var(--as-green-700);--green-l:var(--as-mint);
  --green-dk:var(--as-ink-900);--ink:var(--as-ink-800);--grey:var(--as-ink-500);
  --line:var(--as-line);--bg:var(--as-paper);--amber:var(--as-amber);--radius:var(--as-radius);
}

body,button,input,select,textarea{font-family:var(--as-font)}

/* Prices and stat figures must not jitter between pages. */
dl.stats dt,.price .amt,.price .per{font-variant-numeric:tabular-nums}

/* The lockup: mark, then "Air" + "Staff" at ExtraBold with the brand tracking.
   Applied by background rather than by editing the generated markup, so the
   header and footer templates stay as they are. */
.logo{
  font-family:var(--as-font);font-weight:800;letter-spacing:-.02em;
  padding-left:36px;min-height:28px;line-height:28px;display:inline-block;
  background:url('/assets/favicon.svg') no-repeat left center;background-size:28px 28px;
}
/* Footer is paper since the 7 Sep landing v2 — the accent is the brand green,
   not the mint that sat on the old dark footer. */
.site-foot .logo b{color:var(--as-green-600)}

@media(max-width:760px){
  .logo{padding-left:32px;background-size:24px 24px}
}