/* Ace Bounce — type system.
   Three faces, one job each. Self-hosted, latin-subset WOFF2.

   The brand's Instagram runs 4+ competing type systems (condensed sans, an
   elegant serif, a script, an outlined display). That inconsistency is its
   biggest visual weakness. This resets it.

   BANNED, deliberately: the "KUDASAN" serif, the "Late night plans" script,
   and the outlined display. Do not reintroduce them. */

@font-face {
  font-family: 'Anton';
  src: url('./anton-latin.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;         /* headline — swap so the reveal isn't blocked */
}

@font-face {
  font-family: 'Inter Tight';
  src: url('./intertight-var-latin.woff2') format('woff2-variations');
  font-weight: 100 900;       /* variable axis */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'JetBrains Mono';
  src: url('./jetbrainsmono-var-latin.woff2') format('woff2-variations');
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-display: 'Anton', 'Arial Narrow', sans-serif;
  --font-body:    'Inter Tight', system-ui, -apple-system, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, monospace;

  /* palette — locked from the Instagram audit */
  --lime:       #C6F32A;
  --court-blue: #1B4F8A;
  --court-teal: #2E9BB5;
  --ink:        #0A0E12;
  --line:       #F2F5F7;
}

/* Display is used at 8vw+ and needs to sit tight. Anton is already condensed;
   negative tracking at large sizes stops it looking loose. */
.display {
  font-family: var(--font-display);
  text-transform: uppercase;
  letter-spacing: -0.02em;
  line-height: 0.86;
}

/* Blueprint dimension labels. tnum is subset in — keeps digits from jittering
   while numbers count up during the draw-on animation. */
.dim {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum' 1;
  letter-spacing: 0.08em;
}