/* GENERATED from tokens.json by scripts/build-css.mjs. Do not edit. */
:root {
  --tb-cream: #F3EDE0;
  --tb-ink: #141414;
  --tb-tape: #E8DCC0;
  --tb-white: #FFFFFF;
  --tb-green: #1E8A5A;
  --tb-green-text: #17704A;
  --tb-orange: #FF4B1F;
  --tb-font-display: "Fira Sans Extra Condensed", system-ui, sans-serif;
  --tb-font-text: "Onest", system-ui, sans-serif;
  --tb-font-logo: "Bricolage Grotesque", system-ui, sans-serif;
  --tb-font-hand: "Caveat", system-ui, sans-serif;
  --tb-font-mono: "JetBrains Mono", ui-monospace, monospace;
  --tb-size-thumb-title: 150px;
  --tb-size-short-title: 200px;
  --tb-size-news-band-height: 160px;
  --tb-size-stamp-text: 120px;
  --tb-size-hand-note: 72px;
  --tb-size-display1: 72px;
  --tb-size-display2: 56px;
  --tb-size-display3: 34px;
  --tb-size-text-lg: 19px;
  --tb-size-text: 17px;
  --tb-size-text-sm: 14px;
  --tb-size-label: 13px;
  --tb-rot-logo-label: -1.5deg;
  --tb-rot-stamp: 6deg;
}

@font-face {
  font-family: "Fira Sans Extra Condensed";
  src: url("fonts/FiraSansExtraCondensed-Black.ttf") format("truetype");
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: "Onest";
  src: url("fonts/Onest[wght].ttf") format("truetype");
  font-weight: 400 800;
  font-display: swap;
}

@font-face {
  font-family: "Bricolage Grotesque";
  src: url("fonts/BricolageGrotesque[opsz,wdth,wght].ttf") format("truetype");
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: "Caveat";
  src: url("fonts/Caveat[wght].ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("fonts/JetBrainsMono[wght].ttf") format("truetype");
  font-weight: 400 700;
  font-display: swap;
}