/* GENERATED by scripts/redesign-tokens.mjs from lib/design-tokens.ts. Do not edit by hand. */
/* The TTF is the full face for characters outside the subset. The Latin WOFF2 is declared last, so it wins for
   every character in its range and the TTF is fetched only if a page needs a glyph the subset lacks. */
@font-face {
  font-family: 'Archivo';
  src: url('/fonts/Archivo-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Archivo';
  src: url('/fonts/Archivo-Variable-latin.woff2') format('woff2');
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2190-2199, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --tk-charcoal: #101613;
  --tk-green: #214E45;
  --tk-mint: #A0E5CD;
  --tk-bone: #F6F5F0;
  --tk-stone: #C6BBA6;
  --tk-dark-ground: #101613;
  --tk-dark-sunk: #0B0F0D;
  --tk-dark-raised: #18211D;
  --tk-dark-brand: #214E45;
  --tk-dark-brand-deep: #173A33;
  --tk-dark-rule: #26302B;
  --tk-dark-rule-strong: #38443E;
  --tk-dark-text: #F6F5F0;
  --tk-dark-text-muted: #A3ABA5;
  --tk-dark-text-faint: #8A928C;
  --tk-dark-accent: #A0E5CD;
  --tk-dark-warm: #C6BBA6;
  --tk-dark-loss: #F0A59C;
  --tk-dark-caution: #E9C46A;
  --tk-dark-on-accent: #101613;
  --tk-dark-focus: #A0E5CD;
  --tk-dark-control: #76807A;
  --tk-light-ground: #F6F5F0;
  --tk-light-raised: #FFFFFF;
  --tk-light-sunk: #ECE8DF;
  --tk-light-brand: #214E45;
  --tk-light-rule: #DDD8CC;
  --tk-light-rule-strong: #BFB7A6;
  --tk-light-text: #101613;
  --tk-light-text-muted: #55605A;
  --tk-light-accent: #214E45;
  --tk-light-warm: #6B604C;
  --tk-light-loss: #9E342D;
  --tk-light-caution: #8A5700;
  --tk-light-on-accent: #F6F5F0;
  --tk-light-focus: #214E45;
  --tk-light-control: #8A8478;
  --tk-focus: var(--tk-light-focus);
  --tk-loss: var(--tk-light-loss);
  --tk-brand-pressed: var(--tk-dark-brand-deep);
  --tk-kicker-tracking: 0.08em;
  --tk-font-sans: 'Archivo', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --tk-space-1: 4px;
  --tk-space-2: 8px;
  --tk-space-3: 12px;
  --tk-space-4: 16px;
  --tk-space-5: 24px;
  --tk-space-6: 32px;
  --tk-space-7: 48px;
  --tk-space-8: 64px;
  --tk-space-9: 96px;
  --tk-space-10: 128px;
  --tk-radius-sm: 4px;
  --tk-radius-md: 8px;
  --tk-dur-instant: 90ms;
  --tk-dur-quick: 160ms;
  --tk-dur-base: 240ms;
  --tk-dur-slow: 420ms;
  --tk-dur-reveal: 720ms;
  --tk-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --tk-ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --tk-ease-tension: cubic-bezier(0.16, 1, 0.3, 1);
  --tk-type-caption-size: 12px;
  --tk-type-caption-line: 1.3333333333333333;
  --tk-type-caption-weight: 500;
  --tk-type-caption-tracking: 0em;
  --tk-type-caption-stretch: 100%;
  --tk-type-label-size: 14px;
  --tk-type-label-line: 1.4;
  --tk-type-label-weight: 500;
  --tk-type-label-tracking: 0em;
  --tk-type-label-stretch: 100%;
  --tk-type-body-size: 16px;
  --tk-type-body-line: 1.5625;
  --tk-type-body-weight: 400;
  --tk-type-body-tracking: 0em;
  --tk-type-body-stretch: 100%;
  --tk-type-lead-size: clamp(17px, 16.124px + 0.225vw, 19px);
  --tk-type-lead-line: 1.45;
  --tk-type-lead-weight: 400;
  --tk-type-lead-tracking: 0em;
  --tk-type-lead-stretch: 100%;
  --tk-type-h2-size: 24px;
  --tk-type-h2-line: 1.1666666666666667;
  --tk-type-h2-weight: 700;
  --tk-type-h2-tracking: -0.01em;
  --tk-type-h2-stretch: 112.5%;
  --tk-type-h1-size: clamp(28px, 22.742px + 1.348vw, 40px);
  --tk-type-h1-line: 1.08;
  --tk-type-h1-weight: 700;
  --tk-type-h1-tracking: -0.01em;
  --tk-type-h1-stretch: 112.5%;
  --tk-type-hero-size: clamp(34px, 8.5vw, 64px);
  --tk-type-hero-line: 1;
  --tk-type-hero-weight: 750;
  --tk-type-hero-tracking: -0.02em;
  --tk-type-hero-stretch: 125%;
  --tk-type-data-size: 16px;
  --tk-type-data-line: 1.375;
  --tk-type-data-weight: 600;
  --tk-type-data-tracking: 0.01em;
  --tk-type-data-stretch: 80%;
  --tk-type-data-lg-size: clamp(28px, 22.742px + 1.348vw, 40px);
  --tk-type-data-lg-line: 1;
  --tk-type-data-lg-weight: 700;
  --tk-type-data-lg-tracking: -0.01em;
  --tk-type-data-lg-stretch: 80%;
  --tk-type-data-sm-size: 12px;
  --tk-type-data-sm-line: 1.3333333333333333;
  --tk-type-data-sm-weight: 500;
  --tk-type-data-sm-tracking: 0em;
  --tk-type-data-sm-stretch: 80%;
  --tk-type-button-size: 14px;
  --tk-type-button-line: 1.2;
  --tk-type-button-weight: 650;
  --tk-type-button-tracking: 0em;
  --tk-type-button-stretch: 100%;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --tk-dur-instant: 0ms;
    --tk-dur-quick: 0ms;
    --tk-dur-base: 0ms;
    --tk-dur-slow: 0ms;
    --tk-dur-reveal: 0ms;
  }
}