/* Generated from design/tokens.json — DO NOT EDIT. Run `node design/scripts/build-tokens.mjs`. */
:root {
  --wn-clay-50: #FFF3EB;
  --wn-clay-100: #FEE0CD;
  --wn-clay-200: #FCBF9C;
  --wn-clay-300: #F99A67;
  --wn-clay-400: #F57A3D;
  --wn-clay-500: #F1601E;
  --wn-clay-600: #C34813;
  --wn-clay-700: #993A15;
  --wn-clay-800: #70311A;
  --wn-clay-900: #4E2618;
  --wn-clay-950: #2D1710;
  --wn-neutral-0: #FFFFFF;
  --wn-neutral-50: #FAFAF8;
  --wn-neutral-100: #F4F3F0;
  --wn-neutral-200: #E8E6E1;
  --wn-neutral-300: #D4D1CA;
  --wn-neutral-400: #AEAAA2;
  --wn-neutral-500: #8A857C;
  --wn-neutral-600: #6B665E;
  --wn-neutral-700: #4D4943;
  --wn-neutral-800: #33302C;
  --wn-neutral-900: #1F1D1A;
  --wn-neutral-950: #121110;
  --wn-red-50: #FDF0EE;
  --wn-red-400: #EE7A6E;
  --wn-red-600: #C23B32;
  --wn-red-950: #3A1A17;
  --wn-green-50: #EDF7F0;
  --wn-green-400: #5DBA82;
  --wn-green-600: #2F7D4F;
  --wn-green-950: #14301F;
  --wn-amber-50: #FDF5E4;
  --wn-amber-400: #E2AE4A;
  --wn-amber-700: #9A6410;
  --wn-amber-950: #33270F;
  --wn-blue-50: #EBF3F9;
  --wn-blue-400: #6EA9D4;
  --wn-blue-600: #2F6E99;
  --wn-blue-950: #132838;

  --wn-bg-canvas: #FAFAF8;
  --wn-bg-surface: #FFFFFF;
  --wn-bg-surface-raised: #FFFFFF;
  --wn-bg-subtle: #F4F3F0;
  --wn-bg-brand-subtle: #FFF3EB;
  --wn-border-default: #E8E6E1;
  --wn-border-strong: #D4D1CA;
  --wn-focus-ring: #F1601E;
  --wn-text-primary: #1F1D1A;
  --wn-text-secondary: #4D4943;
  --wn-text-tertiary: #6B665E;
  --wn-text-disabled: #AEAAA2;
  --wn-text-link: #993A15;
  --wn-text-on-primary: #FFFFFF;
  --wn-brand: #F1601E;
  --wn-action-primary: #C34813;
  --wn-action-primary-pressed: #993A15;
  --wn-action-secondary: #FFF3EB;
  --wn-action-secondary-text: #993A15;
  --wn-status-danger: #C23B32;
  --wn-status-danger-subtle: #FDF0EE;
  --wn-status-success: #2F7D4F;
  --wn-status-success-subtle: #EDF7F0;
  --wn-status-warning: #9A6410;
  --wn-status-warning-subtle: #FDF5E4;
  --wn-status-info: #2F6E99;
  --wn-status-info-subtle: #EBF3F9;

  --wn-font-sans: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Noto Sans KR', system-ui, sans-serif;
  --wn-text-display: 700 32px/42px var(--wn-font-sans);
  --wn-text-display-tracking: -0.02em;
  --wn-text-title1: 700 26px/36px var(--wn-font-sans);
  --wn-text-title1-tracking: -0.02em;
  --wn-text-title2: 600 22px/30px var(--wn-font-sans);
  --wn-text-title2-tracking: -0.015em;
  --wn-text-title3: 600 19px/26px var(--wn-font-sans);
  --wn-text-title3-tracking: -0.01em;
  --wn-text-headline: 600 17px/24px var(--wn-font-sans);
  --wn-text-headline-tracking: -0.01em;
  --wn-text-body1: 400 16px/24px var(--wn-font-sans);
  --wn-text-body1-tracking: -0.005em;
  --wn-text-body2: 400 15px/22px var(--wn-font-sans);
  --wn-text-body2-tracking: -0.005em;
  --wn-text-label: 500 14px/20px var(--wn-font-sans);
  --wn-text-label-tracking: 0em;
  --wn-text-caption1: 400 13px/18px var(--wn-font-sans);
  --wn-text-caption1-tracking: 0em;
  --wn-text-caption2: 500 12px/16px var(--wn-font-sans);
  --wn-text-caption2-tracking: 0.005em;
  --wn-space-0: 0px;
  --wn-space-1: 2px;
  --wn-space-2: 4px;
  --wn-space-3: 8px;
  --wn-space-4: 12px;
  --wn-space-5: 16px;
  --wn-space-6: 20px;
  --wn-space-7: 24px;
  --wn-space-8: 32px;
  --wn-space-9: 40px;
  --wn-space-10: 48px;
  --wn-space-11: 64px;
  --wn-radius-xs: 4px;
  --wn-radius-sm: 8px;
  --wn-radius-md: 12px;
  --wn-radius-lg: 16px;
  --wn-radius-xl: 24px;
  --wn-radius-full: 9999px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --wn-bg-canvas: #121110;
    --wn-bg-surface: #1F1D1A;
    --wn-bg-surface-raised: #33302C;
    --wn-bg-subtle: #33302C;
    --wn-bg-brand-subtle: #2D1710;
    --wn-border-default: #4D4943;
    --wn-border-strong: #6B665E;
    --wn-focus-ring: #F57A3D;
    --wn-text-primary: #FAFAF8;
    --wn-text-secondary: #D4D1CA;
    --wn-text-tertiary: #AEAAA2;
    --wn-text-disabled: #6B665E;
    --wn-text-link: #F99A67;
    --wn-text-on-primary: #121110;
    --wn-brand: #F57A3D;
    --wn-action-primary: #F57A3D;
    --wn-action-primary-pressed: #F99A67;
    --wn-action-secondary: #4E2618;
    --wn-action-secondary-text: #FCBF9C;
    --wn-status-danger: #EE7A6E;
    --wn-status-danger-subtle: #3A1A17;
    --wn-status-success: #5DBA82;
    --wn-status-success-subtle: #14301F;
    --wn-status-warning: #E2AE4A;
    --wn-status-warning-subtle: #33270F;
    --wn-status-info: #6EA9D4;
    --wn-status-info-subtle: #132838;
  }
}

:root[data-theme="dark"] {
  --wn-bg-canvas: #121110;
  --wn-bg-surface: #1F1D1A;
  --wn-bg-surface-raised: #33302C;
  --wn-bg-subtle: #33302C;
  --wn-bg-brand-subtle: #2D1710;
  --wn-border-default: #4D4943;
  --wn-border-strong: #6B665E;
  --wn-focus-ring: #F57A3D;
  --wn-text-primary: #FAFAF8;
  --wn-text-secondary: #D4D1CA;
  --wn-text-tertiary: #AEAAA2;
  --wn-text-disabled: #6B665E;
  --wn-text-link: #F99A67;
  --wn-text-on-primary: #121110;
  --wn-brand: #F57A3D;
  --wn-action-primary: #F57A3D;
  --wn-action-primary-pressed: #F99A67;
  --wn-action-secondary: #4E2618;
  --wn-action-secondary-text: #FCBF9C;
  --wn-status-danger: #EE7A6E;
  --wn-status-danger-subtle: #3A1A17;
  --wn-status-success: #5DBA82;
  --wn-status-success-subtle: #14301F;
  --wn-status-warning: #E2AE4A;
  --wn-status-warning-subtle: #33270F;
  --wn-status-info: #6EA9D4;
  --wn-status-info-subtle: #132838;
}