/* Generated by `tool/tokens.dart` from tokens/*.json. Do not edit. */

:root {
  --space-1: 0.25rem;
  --space-1-5: 0.375rem;
  --space-2: 0.5rem;
  --space-2-5: 0.625rem;
  --space-3: 0.75rem;
  --space-3-5: 0.875rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-5-5: 1.375rem;
  --space-6: 1.5rem;
  --space-6-5: 1.625rem;
  --space-7: 1.75rem;
  --space-8: 2rem;
  --space-9: 2.25rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --radius-sm: 2px;
  --radius-md: 4px;
  --stroke-hairline: 1px;
  --stroke-focus-offset: 3px;
  --stroke-focus: 2px;
  --layout-max: 74rem;
  --layout-gutter-min: 1rem;
  --layout-gutter-fluid: 4vw;
  --layout-gutter-max: 3rem;
  --layout-column-gap: 1.5rem;
  --layout-nav-pad: 1.375rem;
  --layout-nav-pad-phone-top: 0.875rem;
  --layout-nav-pad-phone-bottom: 0.75rem;
  --layout-nav-gap: 1.625rem;
  --layout-section-pad-min: 3rem;
  --layout-section-pad-fluid: 6vw;
  --layout-section-pad-max: 5rem;
  --layout-hero-top-min: 2.5rem;
  --layout-hero-top-fluid: 7vw;
  --layout-hero-top-max: 5.5rem;
  --layout-hero-bottom-min: 3rem;
  --layout-hero-bottom-fluid: 7vw;
  --layout-hero-bottom-max: 6rem;
  --layout-pagehead-top-min: 2.5rem;
  --layout-pagehead-top-fluid: 6vw;
  --layout-pagehead-top-max: 5rem;
  --layout-pagehead-bottom-min: 2rem;
  --layout-pagehead-bottom-fluid: 4vw;
  --layout-pagehead-bottom-max: 3.5rem;
  --layout-footer-gap-min: 3.5rem;
  --layout-footer-gap-fluid: 7vw;
  --layout-footer-gap-max: 6rem;
  --layout-photo-phone: 58%;
  --layout-contact-photo: 15rem;
  --layout-contact-photo-phone: 8.75rem;
  --layout-contact-gap: 2.5rem;
  --layout-card-pad-min: 1.5rem;
  --layout-card-pad-fluid: 3.5vw;
  --layout-card-pad-max: 2.75rem;
  --layout-btn-height: 3.125rem;
  --layout-btn-pad: 1.375rem;
  --layout-slab-height: 3.375rem;
  --layout-slab-pad: 1.625rem;
  --layout-half-gap: 2.5rem;
  --layout-station-dot: 0.5625rem;
  --layout-year-col: 5.5rem;
  --layout-cv-date-col: 9.5em;
  --layout-cv-skills-col: 12em;
  --layout-cv-photo: 11.25rem;
  --layout-cv-photo-phone: 7.5rem;
  --layout-bullet-indent: 1.125rem;
  --layout-bullet-width: 0.5rem;
  --font-family-display: "Newsreader", "Charter", "Georgia", serif;
  --font-family-text: "Hanken Grotesk", system-ui, sans-serif;
  --font-family-mono: "JetBrains Mono", ui-monospace, monospace;
  --font-weight-display: 520;
  --font-weight-text: 400;
  --font-weight-medium: 500;
  --font-weight-strong: 600;
  --font-weight-mono: 400;
  --text-wordmark-size: 1.4375rem;
  --text-wordmark-line-height: 1.6;
  --text-wordmark-tracking: -0.01em;
  --text-h1-size-min: 2.25rem;
  --text-h1-size-fluid: 5vw;
  --text-h1-size-max: 4rem;
  --text-h1-line-height: 1.06;
  --text-h1-tracking: -0.012em;
  --text-h1-page-size-min: 2.5rem;
  --text-h1-page-size-fluid: 5vw;
  --text-h1-page-size-max: 4rem;
  --text-h1-page-line-height: 1.06;
  --text-h1-page-tracking: -0.012em;
  --text-h2-size-min: 1.75rem;
  --text-h2-size-fluid: 3.2vw;
  --text-h2-size-max: 2.375rem;
  --text-h2-line-height: 1.12;
  --text-h2-tracking: -0.012em;
  --text-h3-size-min: 1.3125rem;
  --text-h3-size-fluid: 2vw;
  --text-h3-size-max: 1.5rem;
  --text-h3-line-height: 1.2;
  --text-h3-tracking: -0.012em;
  --text-feature-size-min: 1.875rem;
  --text-feature-size-fluid: 3.6vw;
  --text-feature-size-max: 2.75rem;
  --text-feature-line-height: 1.2;
  --text-feature-tracking: -0.012em;
  --text-step-size-min: 1.5rem;
  --text-step-size-fluid: 2.4vw;
  --text-step-size-max: 1.875rem;
  --text-step-line-height: 1.2;
  --text-step-tracking: -0.012em;
  --text-lead-size-min: 1.125rem;
  --text-lead-size-fluid: 1.5vw;
  --text-lead-size-max: 1.25rem;
  --text-lead-line-height: 1.55;
  --text-lead-tracking: 0em;
  --text-mail-size-min: 1.875rem;
  --text-mail-size-fluid: 4.6vw;
  --text-mail-size-max: 3.375rem;
  --text-mail-size-phone-min: 1.5rem;
  --text-mail-size-phone-fluid: 7.4vw;
  --text-mail-size-phone-max: 2.125rem;
  --text-mail-line-height: 1.1;
  --text-mail-tracking: -0.015em;
  --text-year-size: 1.875rem;
  --text-year-size-phone: 1.625rem;
  --text-body-size: 1.0625rem;
  --text-body-line-height: 1.6;
  --text-body-tracking: 0em;
  --text-body-large-size: 1.1875rem;
  --text-nav-size: 1rem;
  --text-nav-size-narrow: 0.9375rem;
  --text-button-size: 1rem;
  --text-button-size-slab: 1.03125rem;
  --text-small-size: 0.9375rem;
  --text-small-line-height: 1.5;
  --text-small-tracking: 0em;
  --text-fine-size: 0.875rem;
  --text-label-size: 0.78125rem;
  --text-label-line-height: 1.3;
  --text-label-tracking: 0.08em;
  --text-mono-size: 0.8125rem;
  --text-mono-line-height: 1.3;
  --text-mono-tracking: 0.02em;
  --duration-instant: 100ms;
  --duration-quick: 200ms;
  --duration-base: 300ms;
  --duration-stagger: 60ms;
  --ease-settle: cubic-bezier(0.2, 0.8, 0.3, 1);
  --ease-out: cubic-bezier(0.3, 0, 0.2, 1);
  --color-bg: #11100F;
  --color-surface: #1B1A18;
  --color-rule: #2E2C29;
  --color-fg: #E9E6E1;
  --color-muted: #A29E98;
  --color-accent: #EDE3D1;
  --color-on-accent: #16130F;
  --color-focus: #EDE3D1;
  color-scheme: dark;
}

@media (prefers-color-scheme: light) {
  :root {
    --color-bg: #F6F4F0;
    --color-surface: #FFFFFF;
    --color-rule: #E2DED7;
    --color-fg: #1A1816;
    --color-muted: #5E5A54;
    --color-accent: #1A1816;
    --color-on-accent: #FFFFFF;
    --color-focus: #1A1816;
    color-scheme: light;
  }
}