/* Generated by .github/scripts/generate_design_tokens.py from design/once.tokens.json. Do not edit. */

:root {
  --font-face-sans: "Once Sans";
  --palette-brand-green: #154b37;
  --palette-brand-black: #000000;
  --palette-brand-white: #ffffff;
  --palette-brand-light-grey: #e7e6ea;
  --palette-brand-dark-grey: #6e6e73;
  --palette-brand-paper: #f3f0e7;
  --palette-neutral-0: #ffffff;
  --palette-neutral-25: #fbfaf9;
  --palette-neutral-50: #f6f5f2;
  --palette-neutral-100: #edebe7;
  --palette-neutral-200: #e0ddd7;
  --palette-neutral-300: #cbc7bf;
  --palette-neutral-400: #a9a49a;
  --palette-neutral-500: #868177;
  --palette-neutral-600: #6b665e;
  --palette-neutral-700: #524e48;
  --palette-neutral-800: #3a3733;
  --palette-neutral-900: #272522;
  --palette-neutral-950: #1a1917;
  --palette-neutral-1000: #101010;
  --palette-accent-50: #f4f3f0;
  --palette-accent-100: #e6e4df;
  --palette-accent-200: #c9c5bd;
  --palette-accent-300: #9d9890;
  --palette-accent-400: #6e6a63;
  --palette-accent-500: #4a4741;
  --palette-accent-600: #37342f;
  --palette-accent-700: #292622;
  --palette-accent-800: #1c1a17;
  --palette-accent-900: #121110;
  --palette-success: #3f7d58;
  --palette-warning: #a87b2c;
  --palette-danger: #a5442f;
  --palette-info: #3d6480;
  --surface-page: var(--palette-neutral-25);
  --surface-raised: var(--palette-neutral-0);
  --surface-sunken: var(--palette-neutral-50);
  --surface-hover: var(--palette-neutral-100);
  --surface-inverse: var(--palette-neutral-1000);
  --surface-canvas: var(--palette-neutral-50);
  --surface-on-canvas: var(--palette-neutral-0);
  --surface-tile-light: var(--palette-neutral-0);
  --surface-tile-dark: var(--palette-neutral-950);
  --surface-tile-muted: var(--palette-neutral-100);
  --surface-showcase: var(--palette-brand-light-grey);
  --ink-primary: var(--palette-neutral-1000);
  --ink-secondary: var(--palette-neutral-700);
  --ink-tertiary: var(--palette-neutral-500);
  --ink-inverse: var(--palette-neutral-0);
  --ink-accent: var(--palette-accent-600);
  --ink-on-canvas: var(--palette-neutral-1000);
  --ink-on-canvas-muted: var(--palette-neutral-600);
  --ink-on-tile: var(--palette-neutral-1000);
  --ink-on-tile-dark: var(--palette-neutral-25);
  --ink-on-tile-muted: var(--palette-neutral-600);
  --border-subtle: var(--palette-neutral-100);
  --border-default: var(--palette-neutral-200);
  --border-strong: var(--palette-neutral-400);
  --border-focus: var(--palette-accent-600);
  --border-on-canvas: var(--palette-neutral-800);
  --border-on-tile: var(--palette-neutral-200);
  --accent-default: var(--palette-accent-600);
  --accent-hover: var(--palette-accent-700);
  --accent-subtle: var(--palette-accent-50);
  --accent-on-accent: var(--palette-neutral-0);
  --state-success: var(--palette-success);
  --state-warning: var(--palette-warning);
  --state-danger: var(--palette-danger);
  --state-info: var(--palette-info);
  --font-family-sans: var(--font-face-sans), system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --text-display-xl-size: clamp(2.75rem, 5.3vw, 4.75rem);
  --text-display-xl-line-height: 1;
  --text-display-xl-weight: var(--font-weight-semibold);
  --text-display-xl-letter-spacing: -0.025em;
  --text-display-l-size: clamp(2.25rem, 4vw, 3.25rem);
  --text-display-l-line-height: 1;
  --text-display-l-weight: var(--font-weight-semibold);
  --text-display-l-letter-spacing: -0.025em;
  --text-display-m-size: clamp(1.875rem, 2.9vw, 2.625rem);
  --text-display-m-line-height: 1;
  --text-display-m-weight: var(--font-weight-semibold);
  --text-display-m-letter-spacing: -0.025em;
  --text-heading-l-size: 1.5rem;
  --text-heading-l-line-height: 1.25;
  --text-heading-l-weight: var(--font-weight-semibold);
  --text-heading-l-letter-spacing: -0.025em;
  --text-heading-m-size: 1.3125rem;
  --text-heading-m-line-height: 1.25;
  --text-heading-m-weight: var(--font-weight-semibold);
  --text-heading-m-letter-spacing: 0;
  --text-heading-s-size: 1rem;
  --text-heading-s-line-height: 1.25;
  --text-heading-s-weight: var(--font-weight-semibold);
  --text-heading-s-letter-spacing: 0;
  --text-body-l-size: 1.3125rem;
  --text-body-l-line-height: 1.25;
  --text-body-l-weight: var(--font-weight-regular);
  --text-body-l-letter-spacing: 0;
  --text-body-m-size: 1rem;
  --text-body-m-line-height: 1.25;
  --text-body-m-weight: var(--font-weight-regular);
  --text-body-m-letter-spacing: 0;
  --text-body-s-size: 0.875rem;
  --text-body-s-line-height: 1.25;
  --text-body-s-weight: var(--font-weight-regular);
  --text-body-s-letter-spacing: 0;
  --text-label-size: 1rem;
  --text-label-line-height: 1.25;
  --text-label-weight: var(--font-weight-medium);
  --text-label-letter-spacing: 0;
  --text-overline-size: 0.6875rem;
  --text-overline-line-height: 1.25;
  --text-overline-weight: var(--font-weight-medium);
  --text-overline-letter-spacing: 0;
  --text-caption-size: 0.8125rem;
  --text-caption-line-height: 1.25;
  --text-caption-weight: var(--font-weight-regular);
  --text-caption-letter-spacing: 0;
  --text-code-size: 0.8125rem;
  --text-code-line-height: 1.25;
  --text-code-weight: var(--font-weight-regular);
  --text-code-letter-spacing: 0;
  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 2.5rem;
  --space-8: 3rem;
  --space-9: 4rem;
  --space-10: 5rem;
  --space-11: 6rem;
  --space-12: 8rem;
  --radius-none: 0;
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.875rem;
  --radius-xl: 1.25rem;
  --radius-full: 9999px;
  --motion-duration-instant: 80ms;
  --motion-duration-fast: 160ms;
  --motion-duration-base: 240ms;
  --motion-duration-slow: 400ms;
  --motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --motion-easing-enter: cubic-bezier(0, 0, 0, 1);
  --motion-easing-exit: cubic-bezier(0.3, 0, 1, 1);
  --layout-column-gap: 1.25rem;
  --layout-page-pad: 2.5rem;
  --layout-sidebar-w: 18.75rem;
  --layout-header-h: 3.5rem;
  --layout-content-max: 88rem;
}

@media (prefers-color-scheme: dark) {
  :root {
    --surface-page: var(--palette-neutral-1000);
    --surface-raised: var(--palette-neutral-950);
    --surface-sunken: var(--palette-neutral-950);
    --surface-hover: var(--palette-neutral-900);
    --surface-inverse: var(--palette-neutral-0);
    --surface-canvas: var(--palette-neutral-1000);
    --surface-on-canvas: var(--palette-neutral-950);
    --surface-tile-light: var(--palette-neutral-25);
    --surface-tile-dark: var(--palette-neutral-950);
    --surface-tile-muted: var(--palette-neutral-100);
    --surface-showcase: var(--palette-brand-light-grey);
    --ink-primary: var(--palette-neutral-25);
    --ink-secondary: var(--palette-neutral-300);
    --ink-tertiary: var(--palette-neutral-400);
    --ink-inverse: var(--palette-neutral-1000);
    --ink-accent: var(--palette-accent-100);
    --ink-on-canvas: var(--palette-neutral-25);
    --ink-on-canvas-muted: var(--palette-neutral-400);
    --ink-on-tile: var(--palette-neutral-1000);
    --ink-on-tile-dark: var(--palette-neutral-25);
    --ink-on-tile-muted: var(--palette-neutral-600);
    --border-subtle: var(--palette-neutral-900);
    --border-default: var(--palette-neutral-800);
    --border-strong: var(--palette-neutral-600);
    --border-focus: var(--palette-accent-200);
    --border-on-canvas: var(--palette-neutral-800);
    --border-on-tile: var(--palette-neutral-200);
    --accent-default: var(--palette-accent-100);
    --accent-hover: var(--palette-accent-200);
    --accent-subtle: var(--palette-accent-800);
    --accent-on-accent: var(--palette-neutral-1000);
    --state-success: var(--palette-success);
    --state-warning: var(--palette-warning);
    --state-danger: var(--palette-danger);
    --state-info: var(--palette-info);
  }
}