/* Self-hosted variable fonts (latin subset, SIL Open Font License). */
@font-face { font-family: 'Bricolage Grotesque'; font-style: normal; font-weight: 600 800; font-display: swap; src: url(/assets/fonts/bricolage-latin.85f55a58a3.woff2) format('woff2'); }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(/assets/fonts/figtree-latin.8330490a01.woff2) format('woff2'); }
/* Mr Buff design tokens. White canvas, one confident orange accent, warm neutrals. Independent of any other TNAADO site. */
:root {
  color-scheme: light;
  /* colour */
  --bg: #ffffff;
  --surface: #f7f5f2;
  --surface-2: #efebe6;
  --line: #e6e1da;
  --line-strong: #cfc8be;
  --line-input: #8a8f9c;    /* form-control borders: 3:1 non-text contrast on white */
  --ink: #16181d;
  --ink-2: #444a55;
  --ink-3: #636978;
  --accent: #c93a0b;        /* text, buttons: 5.1:1 on white */
  --accent-ink: #a82f08;    /* hover */
  --accent-bright: #ff5a1f; /* fills, bars, art only */
  --accent-soft: #fff0e8;
  --good: #1f7a4d;
  --good-soft: #e6f4ec;
  --warn: #a35b00;
  --warn-soft: #fff3df;
  --bad: #b3261e;
  --bad-soft: #fdeceb;
  --c-protein: var(--accent-bright);
  --c-carbs: #f2b233;
  --c-fat: #7b8ca6;
  /* type */
  --font-display: 'Bricolage Grotesque', 'Avenir Next', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Figtree', 'Avenir Next', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --fs-xs: 0.8125rem;
  --fs-sm: 0.9rem;
  --fs-md: 1rem;
  --fs-lg: 1.1875rem;
  --fs-xl: clamp(1.375rem, 1.1rem + 1vw, 1.75rem);
  --fs-2xl: clamp(1.75rem, 1.25rem + 2vw, 2.5rem);
  --fs-3xl: clamp(2.125rem, 1.4rem + 3.2vw, 3.5rem);
  /* space (4px base) */
  --s-1: 0.25rem; --s-2: 0.5rem; --s-3: 0.75rem; --s-4: 1rem; --s-5: 1.5rem; --s-6: 2rem; --s-7: 3rem; --s-8: 4.5rem; --s-9: 6rem;
  /* shape */
  --r-1: 8px; --r-2: 14px; --r-3: 22px; --r-pill: 999px;
  --shadow-1: 0 1px 2px rgba(22, 24, 29, 0.06), 0 2px 8px rgba(22, 24, 29, 0.05);
  --shadow-2: 0 4px 12px rgba(22, 24, 29, 0.08), 0 16px 40px rgba(22, 24, 29, 0.1);
  /* motion */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur: 0.2s;
  --wrap: 1120px;
  --stick: 56px;
}