/* 자동 생성 파일 — 직접 편집 금지.
   원본: /public/data/design-tokens.json
   재생성: node scripts/build-tokens.mjs (npm run build 시 자동 실행) */

:root {
  --color-surface: #f6f7f9;
  --color-surface-dim: #dbdad5;
  --color-surface-bright: #f6f7f9;
  --color-surface-container-lowest: #ffffff;
  --color-surface-container-low: #fafbfc;
  --color-surface-container: #f1f3f6;
  --color-surface-container-high: #e8ebef;
  --color-surface-container-highest: #dfe3e8;
  --color-surface-variant: #f4dfcb;
  --color-surface-tint: #8c6726;
  --color-background: #f6f7f9;
  --color-on-surface: #1c1b1b;
  --color-on-surface-variant: #475569;
  --color-on-background: #1c1b1b;
  --color-inverse-surface: #2c2520;
  --color-inverse-on-surface: #f6f7f9;
  --color-outline: #94a3b8;
  --color-outline-variant: #e2e8f0;
  --color-primary: #8c6726;
  --color-on-primary: #ffffff;
  --color-primary-container: #f4dfcb;
  --color-on-primary-container: #3e2e10;
  --color-primary-fixed: #f4dfcb;
  --color-primary-fixed-dim: #e6cba8;
  --color-on-primary-fixed: #3e2e10;
  --color-on-primary-fixed-variant: #604719;
  --color-inverse-primary: #e6cba8;
  --color-secondary: #b88a3d;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #f4dfcb;
  --color-on-secondary-container: #604719;
  --color-secondary-fixed: #f4dfcb;
  --color-secondary-fixed-dim: #e6cba8;
  --color-on-secondary-fixed: #3e2e10;
  --color-on-secondary-fixed-variant: #604719;
  --color-tertiary: #64748b;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #600016;
  --color-on-tertiary-container: #f7616f;
  --color-tertiary-fixed: #ffdada;
  --color-tertiary-fixed-dim: #ffb3b5;
  --color-on-tertiary-fixed: #40000b;
  --color-on-tertiary-fixed-variant: #8e0f28;
  --color-error: #ba1a1a;
  --color-on-error: #ffffff;
  --color-error-container: #ffdad6;
  --color-on-error-container: #93000a;
  --font-size-display-lg: 64px;
  --font-weight-display-lg: 300;
  --line-height-display-lg: 1.1;
  --letter-spacing-display-lg: -0.02em;
  --font-size-display-lg-mobile: 40px;
  --font-weight-display-lg-mobile: 300;
  --line-height-display-lg-mobile: 1.2;
  --letter-spacing-display-lg-mobile: -0.01em;
  --font-size-headline-md: 32px;
  --font-weight-headline-md: 400;
  --line-height-headline-md: 1.3;
  --font-size-eyebrow-serif: 16px;
  --font-weight-eyebrow-serif: 400;
  --line-height-eyebrow-serif: 1.5;
  --font-size-body-lg: 18px;
  --font-weight-body-lg: 400;
  --line-height-body-lg: 1.7;
  --font-size-body-sm: 14px;
  --font-weight-body-sm: 400;
  --line-height-body-sm: 1.6;
  --font-size-label-caps: 12px;
  --font-weight-label-caps: 600;
  --line-height-label-caps: 1.2;
  --letter-spacing-label-caps: 0.1em;
  --space-margin-mobile: 24px;
  --space-margin-tablet: 40px;
  --space-margin-desktop: 80px;
  --space-gutter: 32px;
  --space-section-gap: 120px;
  --radius-default: 0;
  --radius-lg: 0;
  --radius-full: 9999px;
  --font-sans: 'Hanken Grotesk', 'Noto Sans KR', system-ui, sans-serif;
  --font-serif: 'Libre Caslon Text', 'Noto Serif KR', serif;
}