/* Generated by sistema/src/build.mjs from brand/kit/src/tokens.mjs. Edit the kit, not this file. */
:root {
  --yellow: #FFC700;
  --yellow-hover: #F2B800;
  --yellow-edge: #AD8200;
  --yellow-soft: #FFE585;
  --yellow-wash: #FFF7DB;
  --ink: #1D1A14;
  --ink-700: #423D33;
  --ink-500: #6B6557;
  --paper: #FFFFFF;
  --canvas: #FBF8F1;
  --line: #E9E4D7;
  --edge: #8A8474;
  --red: #C7291D;
  --red-wash: #FDEAE7;
  --green: #17763F;
  --green-wash: #E3F3E8;
  --gray: #65635D;
  --gray-wash: #EEECE7;
  --focus: #2447D6;
  --font-display: 'Archivo', 'Arial Black', 'Helvetica Neue', sans-serif;
  --font-text: 'Figtree', 'Trebuchet MS', 'Segoe UI', sans-serif;
  --r-s: 8px;
  --r-m: 12px;
  --r-l: 20px;
  --r-pill: 999px;
  --shadow-1: 0 1px 2px rgba(58, 44, 0, 0.06), 0 4px 14px rgba(58, 44, 0, 0.06);
  --shadow-2: 0 2px 4px rgba(58, 44, 0, 0.07), 0 14px 32px rgba(58, 44, 0, 0.12);
}
.t-display { font: 700 56px/1.02 var(--font-display); letter-spacing: -0.035em; }
.t-title { font: 700 40px/1.05 var(--font-display); letter-spacing: -0.03em; }
.t-heading { font: 700 28px/1.15 var(--font-display); letter-spacing: -0.02em; }
.t-subheading { font: 700 20px/1.25 var(--font-display); letter-spacing: -0.012em; }
.t-body { font: 400 16px/1.5 var(--font-text); letter-spacing: 0em; }
.t-small { font: 500 14px/1.45 var(--font-text); letter-spacing: 0em; }
.t-label { font: 700 12px/1.2 var(--font-text); letter-spacing: 0.08em; text-transform: uppercase; }
@media (max-width: 640px) {
  .t-display { font-size: 36px; }
  .t-title { font-size: 32px; }
  .t-heading { font-size: 24px; }
}