/* BGCG tokens. Values from the BGCG Design System. Change them there first, then here. */
@font-face{font-family:"Cabinet Grotesk";src:url("../fonts/CabinetGrotesk-Bold.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Cabinet Grotesk";src:url("../fonts/CabinetGrotesk-Extrabold.woff2") format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Cabinet Grotesk";src:url("../fonts/CabinetGrotesk-Black.woff2") format("woff2");font-weight:900;font-display:swap}
@font-face{font-family:"General Sans";src:url("../fonts/GeneralSans-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"General Sans";src:url("../fonts/GeneralSans-Italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"General Sans";src:url("../fonts/GeneralSans-Medium.woff2") format("woff2");font-weight:500;font-display:swap}

:root{
  --bg-charcoal:#2e2e2e; --bg-paper:#f2efe6; --bg-card:#fbfaf6;
  --bg-accent:#ec5739; --bg-accent-ink:#bf3b25;
  --bg-warm-200:#d9d4ca; --bg-warm-400:#a8a196; --bg-warm-500:#8a857c; --bg-warm-700:#55514b;

  --surface-page:var(--bg-paper); --surface-card:var(--bg-card); --surface-dark:var(--bg-charcoal);
  --text-primary:var(--bg-charcoal); --text-secondary:var(--bg-warm-700); --text-muted:var(--bg-warm-500);
  --text-on-dark:var(--bg-paper); --text-on-dark-muted:var(--bg-warm-400);
  --accent:var(--bg-accent); --accent-ink:var(--bg-accent-ink);
  --link:var(--bg-accent-ink); --link-hover:var(--bg-charcoal);
  --rule:var(--bg-warm-200); --rule-strong:var(--bg-charcoal); --image-placeholder:var(--bg-warm-200);

  --font-display:"Cabinet Grotesk","General Sans",system-ui,sans-serif;
  --font-text:"General Sans",system-ui,sans-serif;
  --fw-display:800; --fw-display-max:900;
  --tracking-display:0; --tracking-display-min:-0.01em;
  --fs-display-xxl:clamp(96px,17vw,320px); --fs-display-xl:clamp(72px,10vw,180px);
  --fs-display-l:clamp(48px,6vw,104px); --fs-display-m:clamp(36px,4vw,64px); --fs-display-s:clamp(28px,2.6vw,40px);
  --fs-text-l:21px; --fs-text-m:17px; --fs-text-s:14px;
  --lh-display:0.86; --lh-display-loose:0.95; --lh-text:1.5; --lh-tight:1.25;

  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px;
  --space-6:32px; --space-7:48px; --space-8:64px; --space-9:96px; --space-10:144px;
  --gutter:clamp(16px,2.4vw,32px); --section-gap:clamp(96px,14vw,220px); --measure:62ch;
  --radius-pill:999px; --radius-img:clamp(10px,1.1vw,16px); --radius-img-s:8px; --rule-width:1px;
  --dur:200ms; --ease-out:cubic-bezier(.2,.7,.2,1);
}