/* Generated from v4/DESIGN.md: designmd export --format css-tailwind. Do not edit by hand. */
:root {
  --color-primary: #003e4d;
  --color-secondary: #00637c;
  --color-tertiary: #c99a45;
  --color-neutral: #e3d5c3;
  --color-surface: #f7f3ec;
  --color-on-surface: #003e4d;
  --color-on-secondary: #f7f3ec;
  --color-muted: #36606a;
  --color-line: #b9a891;
  --color-error: #8a2e1f;
  --font-display-xl: "Noto Serif Display";
  --font-display-lg: "Noto Serif Display";
  --font-parts: "Noto Serif Display";
  --font-headline-md: "Noto Serif Display";
  --font-title: "Noto Serif Display";
  --font-body-lg: "Ysabeau Office";
  --font-body-md: "Ysabeau Office";
  --font-body-sm: "Ysabeau Office";
  --font-label-md: "Ysabeau Office";
  --font-spiral: "Ysabeau Office";
  --text-display-xl: 104px;
  --text-display-lg: 60px;
  --text-parts: 44px;
  --text-headline-md: 38px;
  --text-title: 26px;
  --text-body-lg: 21px;
  --text-body-md: 18px;
  --text-body-sm: 16px;
  --text-label-md: 14px;
  --text-spiral: 17px;
  --tracking-display-xl: -0.01em;
  --tracking-display-lg: -0.005em;
  --tracking-parts: 0em;
  --tracking-headline-md: 0em;
  --tracking-title: 0em;
  --tracking-label-md: 0.06em;
  --tracking-spiral: 0.02em;
  --font-weight-display-xl: 300;
  --font-weight-display-lg: 300;
  --font-weight-parts: 300;
  --font-weight-headline-md: 400;
  --font-weight-title: 400;
  --font-weight-body-lg: 400;
  --font-weight-body-md: 400;
  --font-weight-body-sm: 400;
  --font-weight-label-md: 600;
  --font-weight-spiral: 500;
  --radius-none: 0px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-full: 9999px;
  --spacing-xs: 8px;
  --spacing-sm: 16px;
  --spacing-md: 24px;
  --spacing-lg: 40px;
  --spacing-xl: 72px;
  --spacing-xxl: 128px;
  --spacing-gutter: 24px;
}