/* Auto-generated by @fatman-ds/tokens. Do NOT edit. */
:root {
  --spacing-0: 0;
  --spacing-1: 4px;
  --spacing-2: 8px;
  --spacing-3: 12px;
  --spacing-4: 16px;
  --spacing-5: 20px;
  --spacing-6: 24px;
  --spacing-7: 28px;
  --spacing-8: 32px;
  --spacing-10: 40px;
  --spacing-12: 48px;
  --spacing-14: 56px;
  --spacing-16: 64px;
  --spacing-20: 80px;
  --spacing-24: 96px;
  --spacing-28: 112px;
  --spacing-32: 128px;
  --spacing-40: 160px;
  --spacing-48: 192px;
  --spacing-56: 224px;
  --spacing-64: 256px;
  --spacing-0-5: 2px;
  --spacing-1-5: 6px;
  --radius-none: 0;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 20px;
  --radius-3xl: 24px;
  --radius-full: 9999px;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-size-10: 10px;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-13: 13px;
  --font-size-14: 14px;
  --font-size-15: 15px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-24: 24px;
  --font-size-28: 28px;
  --font-size-32: 32px;
  --font-size-36: 36px;
  --font-size-40: 40px;
  --font-size-48: 48px;
  --font-size-56: 56px;
  --font-size-64: 64px;
  --font-size-72: 72px;
  --line-height-none: 1;
  --line-height-tight: 1.2;
  --line-height-snug: 1.35;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.625;
  --line-height-loose: 1.8;
  --letter-spacing-tightest: -0.04em;
  --letter-spacing-tighter: -0.03em;
  --letter-spacing-tight: -0.02em;
  --letter-spacing-normal: 0;
  --letter-spacing-wide: 0.02em;
  --letter-spacing-wider: 0.04em;
  --duration-instant: 0ms;
  --duration-fast: 120ms;
  --duration-normal: 200ms;
  --duration-moderate: 280ms;
  --duration-slow: 400ms;
  --duration-slower: 600ms;
  --ease-linear: linear;
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-emphasized: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-smooth: cubic-bezier(0.32, 0.72, 0, 1);
  --elevation-light-none: none;
  --elevation-light-xs: 0 1px 2px rgba(31, 26, 23, 0.04), 0 1px 1px rgba(31, 26, 23, 0.03);
  --elevation-light-sm: 0 2px 4px rgba(31, 26, 23, 0.06), 0 1px 2px rgba(31, 26, 23, 0.04);
  --elevation-light-md: 0 4px 8px rgba(31, 26, 23, 0.08), 0 2px 4px rgba(31, 26, 23, 0.05);
  --elevation-light-lg: 0 8px 16px rgba(31, 26, 23, 0.10), 0 4px 8px rgba(31, 26, 23, 0.06);
  --elevation-light-xl: 0 16px 32px rgba(31, 26, 23, 0.12), 0 8px 16px rgba(31, 26, 23, 0.08);
  --elevation-light-2xl: 0 24px 48px rgba(31, 26, 23, 0.16), 0 12px 24px rgba(31, 26, 23, 0.10);
  --elevation-dark-none: none;
  --elevation-dark-xs: 0 1px 2px rgba(10, 8, 6, 0.30), 0 1px 1px rgba(10, 8, 6, 0.20);
  --elevation-dark-sm: 0 2px 6px rgba(10, 8, 6, 0.35), 0 1px 3px rgba(10, 8, 6, 0.25);
  --elevation-dark-md: 0 6px 12px rgba(10, 8, 6, 0.40), 0 3px 6px rgba(10, 8, 6, 0.30);
  --elevation-dark-lg: 0 12px 24px rgba(10, 8, 6, 0.45), 0 6px 12px rgba(10, 8, 6, 0.35);
  --elevation-dark-xl: 0 20px 40px rgba(10, 8, 6, 0.50), 0 10px 20px rgba(10, 8, 6, 0.38);
  --elevation-dark-2xl: 0 32px 64px rgba(10, 8, 6, 0.55), 0 16px 32px rgba(10, 8, 6, 0.42);
  --breakpoint-sm: 480px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1280px;
  --breakpoint-2xl: 1536px;
  --z-hide: -1;
  --z-base: 0;
  --z-raised: 10;
  --z-dropdown: 1000;
  --z-sticky: 1100;
  --z-banner: 1200;
  --z-overlay: 1300;
  --z-modal: 1400;
  --z-popover: 1500;
  --z-toast: 1600;
  --z-tooltip: 1700;
  --z-max: 9999;
  --border-width-0: 0;
  --border-width-1: 1px;
  --border-width-2: 2px;
  --border-width-3: 3px;
  --border-width-4: 4px;
  --border-width-hairline: 0.5px;
}

/* Type role helpers — .ds-display-l 등 */
.ds-display-l {
  font-size: 64px;
  line-height: 1.1;
  letter-spacing: -0.04em;
  font-weight: 700;
}
.ds-display-m {
  font-size: 48px;
  line-height: 1.15;
  letter-spacing: -0.03em;
  font-weight: 700;
}
.ds-display-s {
  font-size: 40px;
  line-height: 1.2;
  letter-spacing: -0.03em;
  font-weight: 700;
}
.ds-headline-l {
  font-size: 32px;
  line-height: 1.25;
  letter-spacing: -0.02em;
  font-weight: 700;
}
.ds-headline-m {
  font-size: 28px;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-weight: 700;
}
.ds-headline-s {
  font-size: 24px;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-weight: 600;
}
.ds-title-l {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -0.01em;
  font-weight: 600;
}
.ds-title-m {
  font-size: 18px;
  line-height: 1.45;
  letter-spacing: -0.01em;
  font-weight: 600;
}
.ds-title-s {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
}
.ds-body-l {
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0;
  font-weight: 400;
}
.ds-body-m {
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: 0;
  font-weight: 400;
}
.ds-body-s {
  font-size: 13px;
  line-height: 1.6;
  letter-spacing: 0;
  font-weight: 400;
}
.ds-label-l {
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0;
  font-weight: 500;
}
.ds-label-m {
  font-size: 13px;
  line-height: 1.4;
  letter-spacing: 0;
  font-weight: 500;
}
.ds-label-s {
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  font-weight: 500;
}
.ds-caption {
  font-size: 12px;
  line-height: 1.45;
  letter-spacing: 0;
  font-weight: 400;
}
.ds-overline {
  font-size: 11px;
  line-height: 1.4;
  letter-spacing: 0.04em;
  font-weight: 600;
}