/* Generated by scripts/generate.ts from packages/shared/src/design. */
:root {
  color-scheme: light;
  --bg: #F6F8F1;
  --bg-deep: #F6F8F1;
  --case-back: #F6F8F1;
  --panel: #FEFFFD;
  --soft: #E9F0E1;
  --text: #1C2922;
  --text-dim: #5C625E;
  --line: #D5DED3;
  --control-edge: #6E7D72;
  --nav-fill: #202E26;
  --nav-ink: #F4F8F0;
  --wood: #C9D2C4;
  --wood-lit: #D5DED3;
  --wood-dark: #A7B4A4;
  --zest: #58655D;
  --linen: #E8EBE4;
  --linen-ink: #1C2922;
  --error: #B42332;
  --on-case: #1C2922;
  --marmalade: #1C2922;
  --accent-fill: #C6EE73;
  --accent-ink: #202420;
  --accent-edge: #3B5914;
  --brand: #C6EE73;
  --on-brand: #202420;
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 0.75rem;
  --space-lg: 1rem;
  --space-xl: 1.5rem;
  --space-xxl: 2rem;
  --space-xxxl: 3rem;
  --radius-none: 0rem;
  --radius-control: 1.125rem;
  --radius-card: 1rem;
  --radius-sheet: 1.5rem;
  --content-max-width: 72.5rem;
  --copy-max-width: 30rem;
  --mark-size: 2.25rem;
  --control-min-height: 2.75rem;
  --input-height: 3.25rem;
  --active-rule: 0.125rem;
  --hairline: 0.0625rem;
  --hero-type: 4.375rem;
  --section-type: 4.125rem;
  --cover-width: 8rem;
  --type-display-family: "Space Grotesk";
  --type-display-size: 1.875rem;
  --type-display-weight: 700;
  --type-screen-title-family: "Space Grotesk";
  --type-screen-title-size: 1.6875rem;
  --type-screen-title-weight: 700;
  --type-sheet-title-family: "Space Grotesk";
  --type-sheet-title-size: 1.4375rem;
  --type-sheet-title-weight: 700;
  --type-list-title-family: "Space Grotesk";
  --type-list-title-size: 1.125rem;
  --type-list-title-weight: 700;
  --type-stat-line-family: "Inter";
  --type-stat-line-size: 0.875rem;
  --type-stat-line-weight: 500;
  --type-body-family: "Inter";
  --type-body-size: 0.9375rem;
  --type-body-weight: 400;
  --type-button-family: "Inter";
  --type-button-size: 0.875rem;
  --type-button-weight: 500;
  --type-field-label-family: "Inter";
  --type-field-label-size: 0.78125rem;
  --type-field-label-weight: 400;
  --type-spine-title-family: "Space Grotesk";
  --type-spine-title-size: 0.78125rem;
  --type-spine-title-weight: 600;
  --type-spine-author-family: "Inter";
  --type-spine-author-size: 0.59375rem;
  --type-spine-author-weight: 500;
  --body-leading: 1.6;
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
  --bg: #18201B;
  --bg-deep: #18201B;
  --case-back: #18201B;
  --panel: #232E27;
  --soft: #2E3B2F;
  --text: #F0F5ED;
  --text-dim: #B8BDB9;
  --line: #3B4B40;
  --control-edge: #7E9586;
  --nav-fill: #E9F0E4;
  --nav-ink: #283321;
  --wood: #4A5C4E;
  --wood-lit: #586D5D;
  --wood-dark: #34443A;
  --zest: #ADBBAE;
  --linen: #38423A;
  --linen-ink: #F0F5ED;
  --error: #FF9AA8;
  --on-case: #F0F5ED;
  --marmalade: #F0F5ED;
  --accent-fill: #C6EE73;
  --accent-ink: #202420;
  --accent-edge: #C6EE73;
  --brand: #C6EE73;
  --on-brand: #202420;
  }
}