:root {
  color-scheme: light;

  --color-ink: #000000;
  --color-page: #f7f3ee;
  --color-surface: #ffffff;
  --color-green-900: #0c2e09;
  --color-green-800: #1c4021;
  --color-green-950: #0b2a12;
  --color-olive-900: #313625;
  --color-yellow-500: #ffd621;
  --color-yellow-600: #f7cd44;
  --color-overlay-soft: rgb(28 64 33 / 60%);
  --color-muted: rgb(0 0 0 / 50%);
  --color-muted-light: rgb(0 0 0 / 22%);
  --color-muted-dark: rgb(247 243 238 / 58%);

  --gradient-nav-border: linear-gradient(
    to bottom,
    rgb(255 255 255) 0%,
    rgb(255 255 255 / 50%) 100%
  );
  --gradient-nav-shell: linear-gradient(
    to bottom,
    rgb(255 255 255 / 60%),
    rgb(255 255 255 / 60%)
  );
  --gradient-nav-inner: linear-gradient(
    to bottom,
    rgb(255 255 255 / 70%) 0%,
    rgb(255 255 255 / 20%) 100%
  );
  --gradient-yellow-border: linear-gradient(
    to bottom,
    rgb(255 255 255 / 58%) 0%,
    rgb(49 54 37 / 8%) 100%
  );
  --gradient-yellow-fill: linear-gradient(
    to bottom,
    var(--color-yellow-500) 0%,
    var(--color-yellow-500) 100%
  );
  --gradient-yellow-fill-hover: linear-gradient(
    to bottom,
    #ffde3f 0%,
    #ffde3f 100%
  );

  --font-serif: "OFL Sorts Mill Goudy TT", "Sorts Mill Goudy", Georgia, serif;
  --font-heading-sans: "Space Grotesk", var(--font-sans);
  --font-sans: "Geist", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "Space Mono", "SFMono-Regular", Consolas, monospace;

  --tracking-tight: -0.02em;
  --tracking-display: -0.06em;
  --tracking-serif-overlay: -0.04em;
  --tracking-mono: -0.01em;

  --radius-pill: 999px;
  --radius-image: 40px;

  --container-page: min(94vw, 1900px);
  --container-text: min(76vw, 2280px);
  --grid-width: min(calc(100vw - 96px), 1680px);
  --grid-gap: 24px;
  --grid-track: calc((var(--grid-width) - (15 * var(--grid-gap))) / 16);
  --nav-width: min(calc(100vw - 48px), 640px);
  --nav-height: 72px;
  --nav-gap: 20px;
  --nav-top: 24px;
  --type-control-size: 16px;
  --type-control-weight: 500;
  --type-control-line: 1.1;
  --type-control-tracking: -0.02em;
  --type-display-line: 1;
  --type-section-title-size: clamp(34px, 2.65vw, 40px);
  --type-section-title-line: 1.1;
  --type-section-title-tracking: -0.04em;
  --type-section-copy-size: 16px;
  --type-section-copy-line: 1.5;
  --type-section-copy-tracking: -0.01em;
  --type-kicker-size: 12px;
  --type-card-title-size: 28px;
  --type-card-title-line: 1.1;
  --type-card-title-tracking: -0.04em;
  --type-arm-title-size: 28px;
  --type-arm-title-line: 1.1;
  --type-arm-title-tracking: -0.04em;
  --type-logo-title-size: 28px;
  --type-logo-title-line: 1.1;
  --type-logo-title-tracking: -0.04em;
  --type-large-title-size: clamp(42px, 5.2vw, 84px);
  --type-footer-title-size: clamp(46px, 5.1vw, 66px);
  --type-footer-title-line: 1;
  --type-footer-title-tracking: -0.06em;

  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-section: 160px;
}