/* Three faces, three jobs: Bricolage displays, Inter reads, JetBrains Mono labels. */
:root{
  --display:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif; /* @kind font */
  --body:"Inter","Helvetica Neue",Arial,sans-serif; /* @kind font */
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace; /* @kind font */

  --font-display:var(--display);
  --font-body:var(--body);
  --font-mono:var(--mono);

  /* fluid scale — desktop cap / mobile floor baked into each clamp */
  --size-display:clamp(2.4rem,6.6vw,4.6rem);
  --size-h1:clamp(1.9rem,4vw,2.9rem);
  --size-h2:clamp(1.6rem,3vw,2rem);
  --size-h3:clamp(1.1rem,1.6vw,1.2rem);
  --size-body:17px;
  --size-body-mobile:16px;
  --size-small:15px;
  --size-caption:13px;
  --size-label:11px;
  --size-eyebrow:12px;

  --lh-display:1.02; /* @kind other */
  --lh-h1:1.08; /* @kind other */
  --lh-h2:1.14; /* @kind other */
  --lh-body:1.65; /* @kind other */
  --lh-tight:1.5; /* @kind other */

  --tracking-display:-.035em;
  --tracking-heading:-.02em;
  --tracking-label:.09em;
  --tracking-eyebrow:.12em;

  --weight-regular:400;
  --weight-medium:500;
  --weight-display-bold:700;
}
