:root {
  color-scheme: light;

  /* Atomic palette from Wanted Montage tokens. */
  --wds-common-0: #000000;
  --wds-common-100: #ffffff;

  --wds-cool-neutral-5: #0F0F10;
  --wds-cool-neutral-7: #141415;
  --wds-cool-neutral-10: #171719;
  --wds-cool-neutral-15: #1B1C1E;
  --wds-cool-neutral-17: #212225;
  --wds-cool-neutral-20: #292A2D;
  --wds-cool-neutral-22: #2E2F33;
  --wds-cool-neutral-23: #333438;
  --wds-cool-neutral-25: #37383C;
  --wds-cool-neutral-30: #46474C;
  --wds-cool-neutral-40: #5A5C63;
  --wds-cool-neutral-50: #70737C;
  --wds-cool-neutral-60: #878A93;
  --wds-cool-neutral-70: #989BA2;
  --wds-cool-neutral-80: #AEB0B6;
  --wds-cool-neutral-90: #C2C4C8;
  --wds-cool-neutral-95: #DBDCDF;
  --wds-cool-neutral-96: #E1E2E4;
  --wds-cool-neutral-97: #EAEBEC;
  --wds-cool-neutral-98: #F4F4F5;
  --wds-cool-neutral-99: #F7F7F8;

  --wds-blue-40: #0054D1;
  --wds-blue-45: #005EEB;
  --wds-blue-50: #0066FF;
  --wds-blue-55: #1A75FF;
  --wds-blue-60: #3385FF;
  --wds-blue-65: #4F95FF;
  --wds-blue-70: #69A5FF;
  --wds-blue-80: #9EC5FF;
  --wds-blue-90: #C9DEFE;
  --wds-blue-95: #EAF2FE;
  --wds-blue-99: #F7FBFF;

  --wds-red-40: #E52222;
  --wds-red-50: #FF4242;
  --wds-red-60: #FF6363;
  --wds-red-orange-48: #F55A00;
  --wds-red-orange-50: #FF5E00;
  --wds-red-orange-60: #FF7B2E;
  --wds-orange-39: #D17600;
  --wds-orange-50: #FF9200;
  --wds-lime-37: #429E00;
  --wds-lime-50: #58CF04;
  --wds-lime-60: #6BE016;
  --wds-green-40: #009632;
  --wds-green-50: #00BF40;
  --wds-green-60: #1ED45A;
  --wds-cyan-40: #0098B2;
  --wds-cyan-50: #00BDDE;
  --wds-cyan-60: #28D0ED;
  --wds-light-blue-40: #008DCF;
  --wds-light-blue-50: #00AEFF;
  --wds-light-blue-60: #3DC2FF;
  --wds-violet-45: #5B37ED;
  --wds-violet-50: #6541F2;
  --wds-violet-60: #7D5EF7;
  --wds-violet-70: #9E86FC;
  --wds-purple-40: #AD36E3;
  --wds-purple-50: #CB59FF;
  --wds-purple-60: #D478FF;
  --wds-pink-46: #E846CD;
  --wds-pink-50: #F553DA;
  --wds-pink-60: #FA73E3;

  /* Semantic colors, adapted from Montage light theme. */
  --color-static-white: var(--wds-common-100);
  --color-static-black: var(--wds-common-0);
  --color-primary-normal: var(--wds-blue-50);
  --color-primary-strong: var(--wds-blue-45);
  --color-primary-heavy: var(--wds-blue-40);
  --color-label-normal: var(--wds-cool-neutral-10);
  --color-label-strong: var(--wds-common-0);
  --color-label-neutral: rgb(46 47 51 / 88%);
  --color-label-alternative: rgb(55 56 60 / 61%);
  --color-label-assistive: rgb(55 56 60 / 28%);
  --color-label-disable: rgb(55 56 60 / 16%);
  --color-background-normal: var(--wds-common-100);
  --color-background-alternative: var(--wds-cool-neutral-99);
  --color-background-elevated: var(--wds-common-100);
  --color-background-elevated-alt: var(--wds-cool-neutral-99);
  --color-line-normal: rgb(112 115 124 / 22%);
  --color-line-neutral: rgb(112 115 124 / 16%);
  --color-line-alternative: rgb(112 115 124 / 8%);
  --color-line-solid-normal: var(--wds-cool-neutral-96);
  --color-line-solid-neutral: var(--wds-cool-neutral-97);
  --color-line-solid-alternative: var(--wds-cool-neutral-98);
  --color-fill-normal: rgb(112 115 124 / 8%);
  --color-fill-strong: rgb(112 115 124 / 16%);
  --color-fill-alternative: rgb(112 115 124 / 5%);
  --color-interaction-inactive: var(--wds-cool-neutral-70);
  --color-interaction-disable: var(--wds-cool-neutral-98);
  --color-status-positive: var(--wds-green-50);
  --color-status-cautionary: var(--wds-orange-50);
  --color-status-negative: var(--wds-red-50);
  --color-material-dimmer: rgb(23 23 25 / 52%);
  --color-inverse-background: var(--wds-cool-neutral-15);
  --color-inverse-label: var(--wds-cool-neutral-99);

  --accent-red-orange: var(--wds-red-orange-50);
  --accent-lime: var(--wds-lime-50);
  --accent-cyan: var(--wds-cyan-50);
  --accent-light-blue: var(--wds-light-blue-50);
  --accent-violet: var(--wds-violet-50);
  --accent-purple: var(--wds-purple-50);
  --accent-pink: var(--wds-pink-50);

  --shape-blue-soft: oklch(0.90 0.085 248);
  --shape-blue: oklch(0.70 0.19 248);
  --shape-cyan-soft: oklch(0.90 0.09 205);
  --shape-cyan: oklch(0.73 0.18 205);
  --shape-mint: oklch(0.75 0.20 158);
  --shape-lime-soft: oklch(0.91 0.105 132);
  --shape-lime: oklch(0.76 0.22 132);
  --shape-purple-soft: oklch(0.89 0.085 305);
  --shape-purple: oklch(0.72 0.19 305);
  --shape-pink: oklch(0.75 0.21 335);
  --shape-red-orange-soft: oklch(0.91 0.095 48);
  --shape-red-orange: oklch(0.72 0.22 48);
  --shape-red-orange-muted: oklch(0.78 0.16 55);
  --shape-glow: oklch(0.80 0.20 328 / 0.84);

  /* 4/8px rhythm used across Montage. */
  --space-0: 0;
  --space-1: 1px;
  --space-2: 2px;
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-14: 14px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-56: 56px;
  --space-64: 64px;
  --space-72: 72px;
  --space-80: 80px;

  --radius-8: 8px;
  --radius-12: 12px;
  --radius-16: 16px;
  --radius-20: 20px;
  --radius-24: 24px;
  --radius-32: 32px;
  --radius-pill: 999px;

  --shadow-xsmall: 0px 1px 2px -1px rgb(23 23 23 / 10%);
  --shadow-small: 0px 2px 4px -2px rgb(23 23 23 / 6%), 0px 4px 6px -1px rgb(23 23 23 / 6%);
  --shadow-medium: 0px 4px 6px -2px rgb(23 23 23 / 7%), 0px 10px 15px -3px rgb(23 23 23 / 7%);
  --shadow-large: 0px 6px 10px -4px rgb(23 23 23 / 8%), 0px 16px 24px -6px rgb(23 23 23 / 8%);
  --shadow-xlarge: 0px 10px 15px -5px rgb(23 23 23 / 10%), 0px 24px 38px -10px rgb(23 23 23 / 12%);

  --type-display-1: 56px/72px var(--font-sans);
  --type-display-2: 40px/52px var(--font-sans);
  --type-title-1: 32px/44px var(--font-sans);
  --type-title-3: 24px/32px var(--font-sans);
  --type-heading-1: 22px/30px var(--font-sans);
  --type-heading-2: 20px/28px var(--font-sans);
  --type-headline-1: 18px/26px var(--font-sans);
  --type-body-1-normal: 16px/24px var(--font-sans);
  --type-body-1-reading: 16px/26px var(--font-sans);
  --type-body-2-normal: 15px/22px var(--font-sans);
  --type-label-1: 14px/20px var(--font-sans);
  --type-label-2: 13px/18px var(--font-sans);
  --type-caption-1: 12px/16px var(--font-sans);

  --ls-display-1: 0;
  --ls-display-2: 0;
  --ls-title-1: 0;
  --ls-title-3: 0;
  --ls-heading-1: 0;
  --ls-heading-2: 0;
  --ls-body-1: 0;
  --ls-label-1: 0;
  --ls-label-2: 0;

  --font-sans: "Pretendard Variable", "Pretendard", "Pretendard JP", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;

  --container-lg: 1100px;
  --container-xl: 1440px;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --color-primary-normal: var(--wds-blue-60);
  --color-primary-strong: var(--wds-blue-55);
  --color-primary-heavy: var(--wds-blue-50);
  --color-label-normal: var(--wds-cool-neutral-99);
  --color-label-strong: var(--wds-common-100);
  --color-label-neutral: rgb(194 196 200 / 88%);
  --color-label-alternative: rgb(174 176 182 / 61%);
  --color-label-assistive: rgb(174 176 182 / 28%);
  --color-label-disable: rgb(152 155 162 / 16%);
  --color-background-normal: var(--wds-cool-neutral-15);
  --color-background-alternative: var(--wds-cool-neutral-5);
  --color-background-elevated: var(--wds-cool-neutral-17);
  --color-background-elevated-alt: var(--wds-cool-neutral-7);
  --color-line-normal: rgb(112 115 124 / 32%);
  --color-line-neutral: rgb(112 115 124 / 28%);
  --color-line-alternative: rgb(112 115 124 / 22%);
  --color-line-solid-normal: var(--wds-cool-neutral-25);
  --color-line-solid-neutral: var(--wds-cool-neutral-23);
  --color-line-solid-alternative: var(--wds-cool-neutral-22);
  --color-fill-normal: rgb(112 115 124 / 22%);
  --color-fill-strong: rgb(112 115 124 / 28%);
  --color-fill-alternative: rgb(112 115 124 / 12%);
  --color-interaction-inactive: var(--wds-cool-neutral-40);
  --color-interaction-disable: var(--wds-cool-neutral-22);
  --color-inverse-background: var(--wds-common-100);
  --color-inverse-label: var(--wds-cool-neutral-10);
  --accent-red-orange: var(--wds-red-orange-60);
  --accent-lime: var(--wds-lime-60);
  --accent-cyan: var(--wds-cyan-60);
  --accent-light-blue: var(--wds-light-blue-60);
  --accent-violet: var(--wds-violet-60);
  --accent-purple: var(--wds-purple-60);
  --accent-pink: var(--wds-pink-60);
  --shape-blue-soft: oklch(0.48 0.085 248);
  --shape-blue: oklch(0.74 0.19 248);
  --shape-cyan-soft: oklch(0.47 0.09 205);
  --shape-cyan: oklch(0.75 0.18 205);
  --shape-mint: oklch(0.74 0.19 158);
  --shape-lime-soft: oklch(0.48 0.1 132);
  --shape-lime: oklch(0.77 0.21 132);
  --shape-purple-soft: oklch(0.48 0.085 305);
  --shape-purple: oklch(0.76 0.18 305);
  --shape-pink: oklch(0.77 0.20 335);
  --shape-red-orange-soft: oklch(0.49 0.1 48);
  --shape-red-orange: oklch(0.76 0.21 48);
  --shape-red-orange-muted: oklch(0.68 0.16 55);
  --shape-glow: oklch(0.76 0.19 328 / 0.78);
}