/* Generated by scripts/generate-site-tokens.mjs from docs/design-system/site/tokens. Do not edit. */

:root {
  color-scheme: light dark;
  --color-background-surface-default: #F9F8F5;
  --color-background-surface-sunken: #F0EEE9;
  --color-background-surface-raised: #FFFFFF;
  --color-background-primary-default: #393A35;
  --color-background-primary-hovered: #201F1C;
  --color-background-ghost-hovered: rgb(0 0 0 / 0.03);
  --color-background-ghost-selected: rgb(0 0 0 / 0.1);
  --color-background-accent-subtle: #FAE9E0;
  --color-text-default: #2C160A;
  --color-text-subtle: #68675F;
  --color-text-accent: #7F4F36;
  --color-text-on-primary: #F9F8F5;
  --color-icon-default: #2C160A;
  --color-icon-subtle: #68675F;
  --color-icon-accent: #7F4F36;
  --color-border-subtle: rgb(0 0 0 / 0.1);
  --color-border-focus: #9B6C55;
  --color-border-accent: #7F4F36;
  --elevation-raised: 0 1px 2px 0 rgb(0 0 0 / 0.05), 0 4px 12px 0 rgb(0 0 0 / 0.05);
  --elevation-hovered: 0 2px 4px 0 rgb(0 0 0 / 0.06), 0 12px 28px 0 rgb(0 0 0 / 0.09);
  --typography-display-lg: 400 3.5rem/1.25 "Cormorant Garamond", "Zen Old Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --typography-display-lg-letter-spacing: 0.75px;
  --typography-display-md: 500 1.5rem/1.4 "Cormorant Garamond", "Zen Old Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --typography-display-md-letter-spacing: 0.75px;
  --typography-heading-lg: 500 2.25rem/1.25 "Cormorant Garamond", "Zen Old Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --typography-heading-lg-letter-spacing: 0.75px;
  --typography-heading-md: 500 1.5rem/1.4 "Zen Kaku Gothic New", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", system-ui, sans-serif;
  --typography-heading-md-letter-spacing: 0.75px;
  --typography-heading-sm: 500 1.125rem/1.6 "Zen Kaku Gothic New", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", system-ui, sans-serif;
  --typography-heading-sm-letter-spacing: 0.75px;
  --typography-heading-xs: 500 1rem/1.6 "Zen Kaku Gothic New", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", system-ui, sans-serif;
  --typography-heading-xs-letter-spacing: 0.75px;
  --typography-body-lead: 400 1.0625rem/1.8 "Zen Kaku Gothic New", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", system-ui, sans-serif;
  --typography-body-lead-letter-spacing: 0.75px;
  --typography-body-md: 400 0.9375rem/1.8 "Zen Kaku Gothic New", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", system-ui, sans-serif;
  --typography-body-md-letter-spacing: 0.75px;
  --typography-body-sm: 400 0.875rem/1.6 "Zen Kaku Gothic New", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", system-ui, sans-serif;
  --typography-body-sm-letter-spacing: 0.75px;
  --typography-label-md: 400 0.875rem/1.6 "Zen Kaku Gothic New", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", system-ui, sans-serif;
  --typography-label-md-letter-spacing: 0.75px;
  --typography-label-strong: 500 0.875rem/1.6 "Zen Kaku Gothic New", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", system-ui, sans-serif;
  --typography-label-strong-letter-spacing: 0;
  --typography-caption-default: 400 0.8125rem/1.6 "Zen Kaku Gothic New", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", system-ui, sans-serif;
  --typography-caption-default-letter-spacing: 0.75px;
  --typography-code-md: 400 0.875rem/1.6 "SF Mono", ui-monospace, "Menlo", monospace;
  --typography-code-md-letter-spacing: 0;
  --typography-overline-default: 500 0.8125rem/1.6 "Cormorant Garamond", "Zen Old Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --typography-overline-default-letter-spacing: 3px;
  --border-width-divider: 1px;
  --border-width-focus: 2px;
  --focus-offset-outside: 2px;
  --duration-hover: 120ms;
  --easing-hover: cubic-bezier(0.42, 0, 0.58, 1);
  --opacity-translucent: 0.8;
  --space-2: 2px;
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --space-96: 96px;
  --space-128: 128px;
  --size-20: 20px;
  --size-24: 24px;
  --size-40: 40px;
  --size-240: 240px;
  --size-640: 640px;
  --size-736: 736px;
  --size-880: 880px;
  --size-1200: 1200px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 999px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-background-surface-default: #10110E;
    --color-background-surface-sunken: #201F1C;
    --color-background-surface-raised: #201F1C;
    --color-background-primary-default: #DEDEDE;
    --color-background-primary-hovered: #F2F2F2;
    --color-background-ghost-hovered: rgb(255 255 255 / 0.06);
    --color-background-ghost-selected: rgb(255 255 255 / 0.1);
    --color-background-accent-subtle: #2C160A;
    --color-text-default: #DEDEDE;
    --color-text-subtle: #A7A7A7;
    --color-text-accent: #D7A083;
    --color-text-on-primary: #262626;
    --color-icon-default: #DEDEDE;
    --color-icon-subtle: #A7A7A7;
    --color-icon-accent: #D7A083;
    --color-border-subtle: rgb(255 255 255 / 0.1);
    --color-border-focus: #D7A083;
    --color-border-accent: #D7A083;
    --elevation-raised: inset 0 1px 0 0 rgb(255 255 255 / 0.05), 0 2px 6px 0 rgb(0 0 0 / 0.35);
    --elevation-hovered: inset 0 1px 0 0 rgb(255 255 255 / 0.08), 0 12px 28px 0 rgb(0 0 0 / 0.45);
  }
}