@layer tokens {
  @font-face {
    font-family: "Onest";
    src: url("../vendor/fonts/onest-latin.woff2") format("woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 100 900;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  @font-face {
    font-family: "Onest";
    src: url("../vendor/fonts/onest-latin-ext.woff2") format("woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 100 900;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }

  :root {
    color-scheme: light;
    --font-display: "Onest", ui-sans-serif, system-ui, sans-serif;
    --font-sans: "Onest", ui-sans-serif, system-ui, sans-serif;

    --text-xs: clamp(0.750rem, 0.72rem + 0.15vw, 0.8125rem);
    --text-sm: clamp(0.875rem, 0.85rem + 0.15vw, 0.9375rem);
    --text-base: clamp(1.000rem, 0.97rem + 0.20vw, 1.0625rem);
    --text-lg: clamp(1.125rem, 1.06rem + 0.30vw, 1.250rem);
    --text-xl: clamp(1.375rem, 1.25rem + 0.60vw, 1.625rem);
    --text-2xl: clamp(1.750rem, 1.50rem + 1.10vw, 2.250rem);
    --text-3xl: clamp(2.250rem, 1.80rem + 2vw, 3rem);
    --leading-display: 1.08;
    --leading-body: 1.55;
    --leading-ui: 1.35;
    --measure: 68ch;

    --surface-0: #fffef8;
    --surface-1: #f4f2ea;
    --surface-raised: oklch(100% 0 0);
    --border-subtle: #dfdcd2;
    --border-strong: #b9b6ad;
    --text-strong: #101426;
    --text-body: #2c3145;
    --text-muted: #5b6075;
    --accent: #2448e8;
    --accent-hover: #1734b7;
    --accent-wash: #eef1ff;
    --accent-contrast: #ffffff;
    --highlight: #f4df32;
    --positive: oklch(52% 0.105 255);
    --warning: oklch(68% 0.128 75);
    --critical: oklch(50% 0.158 27);
    --unknown: oklch(72% 0.008 85);
    --focus-ring: #2448e8;
    --band-1: oklch(93% 0.018 80);
    --band-2: oklch(85% 0.035 345);
    --band-3: oklch(73% 0.055 330);
    --band-4: oklch(55% 0.078 315);
    --band-5: oklch(43% 0.090 305);
    --band-unknown: var(--unknown);

    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-12: 3rem;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 14px;
    --radius-xl: 20px;
    --shadow-raised: 0 1px 2px oklch(24% 0.02 250 / 0.04), 0 8px 24px -12px oklch(24% 0.02 250 / 0.14);
    --duration-fast: 120ms;
    --duration-normal: 180ms;
    --duration-map: 220ms;
    --ease: cubic-bezier(0.2, 0, 0, 1);
    --page-gutter: clamp(1rem, 3vw, 3rem);
    --content-wide: 90rem;
    --content-reading: 48rem;
    --control-height: 2.75rem;
  }
}