/* Generated by @devslab-kr/dds-tokens — do not edit. Source: tokens/*.json */

:root,
[data-theme="light"] {
  color-scheme: light;
  --dds-font-family-sans: Geist, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
  --dds-font-family-mono: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --dds-typo-display-font-size: 32px;
  --dds-typo-display-line-height: 40px;
  --dds-typo-display-font-weight: 700;
  --dds-typo-title-1-font-size: 24px;
  --dds-typo-title-1-line-height: 32px;
  --dds-typo-title-1-font-weight: 700;
  --dds-typo-title-2-font-size: 20px;
  --dds-typo-title-2-line-height: 28px;
  --dds-typo-title-2-font-weight: 600;
  --dds-typo-title-3-font-size: 17px;
  --dds-typo-title-3-line-height: 24px;
  --dds-typo-title-3-font-weight: 600;
  --dds-typo-body-1-font-size: 16px;
  --dds-typo-body-1-line-height: 24px;
  --dds-typo-body-1-font-weight: 400;
  --dds-typo-body-2-font-size: 14px;
  --dds-typo-body-2-line-height: 20px;
  --dds-typo-body-2-font-weight: 400;
  --dds-typo-label-font-size: 13px;
  --dds-typo-label-line-height: 16px;
  --dds-typo-label-font-weight: 500;
  --dds-typo-caption-font-size: 12px;
  --dds-typo-caption-line-height: 16px;
  --dds-typo-caption-font-weight: 400;
  --dds-space-0: 0px;
  --dds-space-2: 2px;
  --dds-space-4: 4px;
  --dds-space-8: 8px;
  --dds-space-12: 12px;
  --dds-space-16: 16px;
  --dds-space-20: 20px;
  --dds-space-24: 24px;
  --dds-space-32: 32px;
  --dds-space-40: 40px;
  --dds-space-48: 48px;
  --dds-space-64: 64px;
  --dds-radius-sm: 4px;
  --dds-radius-md: 8px;
  --dds-radius-lg: 12px;
  --dds-radius-xl: 16px;
  --dds-radius-full: 9999px;
  --dds-elevation-1: 0 1px 3px rgba(20,22,26,0.08);
  --dds-elevation-2: 0 4px 12px rgba(20,22,26,0.12);
  --dds-elevation-3: 0 12px 32px rgba(20,22,26,0.18);
  --dds-motion-duration-fast: 100ms;
  --dds-motion-duration-base: 200ms;
  --dds-motion-duration-slow: 300ms;
  --dds-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --dds-motion-easing-enter: cubic-bezier(0, 0, 0, 1);
  --dds-motion-easing-exit: cubic-bezier(0.3, 0, 1, 1);
  --dds-color-bg-default: #ffffff;
  --dds-color-bg-subtle: #fafafa;
  --dds-color-bg-elevated: #ffffff;
  --dds-color-bg-brand: #06b6d4;
  --dds-color-bg-brand-hover: #22d3ee;
  --dds-color-bg-brand-subtle: #ecfeff;
  --dds-color-bg-inverse: #18181b;
  --dds-color-text-primary: #09090b;
  --dds-color-text-secondary: #52525b;
  --dds-color-text-muted: #71717a;
  --dds-color-text-on-brand: #09090b;
  --dds-color-text-on-status: #ffffff;
  --dds-color-text-on-inverse: #fafafa;
  --dds-color-text-brand: #0e7490;
  --dds-color-border-default: #e4e4e7;
  --dds-color-border-strong: #d4d4d8;
  --dds-color-border-focus: #06b6d4;
  --dds-color-status-success: #15803d;
  --dds-color-status-success-bg: #f0fdf4;
  --dds-color-status-warning: #b45309;
  --dds-color-status-warning-bg: #fffbeb;
  --dds-color-status-danger: #b91c1c;
  --dds-color-status-danger-bg: #fef2f2;
  --dds-color-status-info: #1d4ed8;
  --dds-color-status-info-bg: #eff6ff;
  --dds-color-overlay-dim: #00000040;
  --dds-color-overlay-hover-tint: #0000000d;
  --dds-color-overlay-pressed-tint: #00000014;
}

[data-theme="dark"] {
  color-scheme: dark;
  --dds-color-bg-default: #09090b;
  --dds-color-bg-subtle: #18181b;
  --dds-color-bg-elevated: #18181b;
  --dds-color-bg-brand: #06b6d4;
  --dds-color-bg-brand-hover: #22d3ee;
  --dds-color-bg-brand-subtle: #164e63;
  --dds-color-bg-inverse: #fafafa;
  --dds-color-text-primary: #fafafa;
  --dds-color-text-secondary: #a1a1aa;
  --dds-color-text-muted: #71717a;
  --dds-color-text-on-brand: #09090b;
  --dds-color-text-on-status: #09090b;
  --dds-color-text-on-inverse: #09090b;
  --dds-color-text-brand: #22d3ee;
  --dds-color-border-default: #27272a;
  --dds-color-border-strong: #3f3f46;
  --dds-color-border-focus: #22d3ee;
  --dds-color-status-success: #4ade80;
  --dds-color-status-success-bg: #14532d;
  --dds-color-status-warning: #fbbf24;
  --dds-color-status-warning-bg: #78350f;
  --dds-color-status-danger: #f87171;
  --dds-color-status-danger-bg: #7f1d1d;
  --dds-color-status-info: #60a5fa;
  --dds-color-status-info-bg: #1e3a8a;
  --dds-color-overlay-dim: #00000040;
  --dds-color-overlay-hover-tint: #ffffff14;
  --dds-color-overlay-pressed-tint: #ffffff14;
}