@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');

:root {
  color-scheme: light;

  --bd-font-sans: 'DM Sans', 'Noto Sans KR', system-ui, sans-serif;
  --bd-font-brand: 'DM Sans', system-ui, sans-serif;
  --bd-font-size-micro: 9px;
  --bd-font-size-label: 10px;
  --bd-font-size-control: 11px;
  --bd-font-size-caption: 12px;
  --bd-font-size-body-small: 13px;
  --bd-font-size-body: 14px;
  --bd-font-size-lead: 18px;
  --bd-font-size-title: 24px;
  --bd-font-size-display: 64px;
  --bd-font-weight-regular: 400;
  --bd-font-weight-medium: 500;
  --bd-font-weight-semibold: 600;
  --bd-font-weight-bold: 700;
  --bd-line-height-tight: 1;
  --bd-line-height-body: 1.65;
  --bd-line-height-reading: 1.8;
  --bd-tracking-wordmark: -0.055em;

  --bd-color-canvas: #efede6;
  --bd-color-canvas-wide: #dedbd2;
  --bd-color-surface: #f7f5ef;
  --bd-color-surface-raised: #fbfaf6;
  --bd-color-field: #fffefa;
  --bd-color-ink: #171713;
  --bd-color-ink-soft: #1c1c19;
  --bd-color-text-strong: #44423d;
  --bd-color-text-body: #68655e;
  --bd-color-text: #5f5b53;
  --bd-color-text-muted: #77736b;
  --bd-color-text-subtle: #8a877f;
  --bd-color-text-faint: #969189;
  --bd-color-danger: #9f3f32;
  --bd-color-ink-rgb: 23 23 19;
  --bd-color-surface-rgb: 247 245 239;

  --bd-space-1: 4px;
  --bd-space-2: 8px;
  --bd-space-3: 12px;
  --bd-space-4: 16px;
  --bd-space-5: 24px;
  --bd-space-6: 32px;
  --bd-space-7: 48px;
  --bd-space-8: 64px;

  --bd-radius-control: 12px;
  --bd-radius-card: 20px;
  --bd-radius-pill: 999px;

  --bd-motion-fast: 160ms;
  --bd-motion-standard: 320ms;
  --bd-motion-spatial: 420ms;
  --bd-motion-settle: 480ms;
  --bd-ease-standard: ease-out;
  --bd-ease-emphasized: cubic-bezier(0.22, 1, 0.36, 1);

  font-family: var(--bd-font-sans);
  color: var(--bd-color-ink);
  background: var(--bd-color-canvas);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

.bd-wordmark {
  font-family: var(--bd-font-brand);
  font-weight: var(--bd-font-weight-bold);
  line-height: var(--bd-line-height-tight);
  letter-spacing: var(--bd-tracking-wordmark);
  text-transform: lowercase;
}