/* Project typography — taken from the logotype: bold brush script for the
   wordmark, one confident wide sans (Archivo) for absolutely everything else.
   Two typefaces total. Loaded AFTER the design-system tokens. */
@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=Lobster+Two:ital,wght@1,700&display=swap");

:root{
  --font-display:"Archivo","Helvetica Neue",Arial,sans-serif;
  --font-sans:"Archivo","Helvetica Neue",Arial,sans-serif;
  --font-mono:"Archivo","Helvetica Neue",Arial,sans-serif;
  --font-script:"Lobster Two",cursive;

  --size-sm:14px;

  /* Generous tracking only on small tracked-caps labels and the wordmark */
  --tracking-display:-0.025em;
  --tracking-label:0.12em;
  --tracking-mono:0;
  --tracking-wordmark:0.22em;

  --type-display:var(--weight-bold) var(--size-4xl)/1.02 var(--font-display);
  --type-title:var(--weight-bold) var(--size-2xl)/1.12 var(--font-display);
  --type-heading:var(--weight-bold) var(--size-xl)/1.22 var(--font-display);
  --type-body:var(--weight-regular) var(--size-base)/1.55 var(--font-sans);
  --type-body-sm:var(--weight-regular) var(--size-sm)/1.55 var(--font-sans);
  --type-label:var(--weight-medium) var(--size-xs)/1.2 var(--font-sans);
  --type-data:var(--weight-bold) var(--size-md)/1.2 var(--font-sans);
  --type-wordmark:var(--weight-black) var(--size-xl)/1 var(--font-sans);
}

/* Display sizes carry the tight tracking of the logotype */
h1,h2,h3{letter-spacing:var(--tracking-display);}

/* CTAs and tabs: bold sentence case, no decorative tracking */
button{
  text-transform:none !important;
  letter-spacing:0.005em !important;
  font-weight:var(--weight-bold) !important;
  font-size:var(--size-sm) !important;
}