/* Wanted Design System (Community) — 추출 토큰
   출처: Wanted Design System (Community).fig (Figma 커뮤니티 파일)
   추출일: 2026-07-29 · 노드 101,533개 파싱
   ※ 앞으로 새 UI에 사용하는 기본 토큰. 기존 운영 화면에는 요청 범위에서만 import한다. */

:root,
:root[data-theme="light"] {
  /* ---------- Semantic Color · Light ---------- */
  --wds-_deprecated-platform-ios-navigation1_3: #FFFFFFB2;
  --wds-_deprecated-platform-ios-navigation2_3: #FFFFFF;
  --wds-_deprecated-platform-ios-navigation3_3: #00000000;
  --wds-accent-background-cyan: #00BDDE;
  --wds-accent-background-light-blue: #00AEFF;
  --wds-accent-background-lime: #58CF04;
  --wds-accent-background-pink: #F553DA;
  --wds-accent-background-purple: #CB59FF;
  --wds-accent-background-red-orange: #FF5E00;
  --wds-accent-background-violet: #6541F2;
  --wds-accent-foreground-blue: #005EEB;
  --wds-accent-foreground-cyan: #0098B2;
  --wds-accent-foreground-green: #009632;
  --wds-accent-foreground-light-blue: #008DCF;
  --wds-accent-foreground-lime: #429E00;
  --wds-accent-foreground-orange: #D17600;
  --wds-accent-foreground-pink: #E846CD;
  --wds-accent-foreground-purple: #AD36E3;
  --wds-accent-foreground-red: #E52222;
  --wds-accent-foreground-red-orange: #F55A00;
  --wds-accent-foreground-violet: #5B37ED;
  --wds-background-elevated-alternative: #F7F7F8;
  --wds-background-elevated-normal: #FFFFFF;
  --wds-background-normal-alternative: #F7F7F8;
  --wds-background-normal-normal: #FFFFFF;
  --wds-background-transparent-alternative: #FFFFFF47;
  --wds-background-transparent-normal: #FFFFFF14;
  --wds-fill-alternative: #70737C0D;
  --wds-fill-normal: #70737C14;
  --wds-fill-strong: #70737C29;
  --wds-initial-black: #000000;
  --wds-initial-white: #FFFFFF;
  --wds-interaction-disable: #F4F4F5;
  --wds-interaction-inactive: #989BA2;
  --wds-inverse-background: #1B1C1E;
  --wds-inverse-label: #F7F7F8;
  --wds-inverse-primary: #3385FF;
  --wds-ios-accent-primary: #0088FF;
  --wds-ios-backgrounds-primary: #FFFFFF;
  --wds-ios-colors-blue: #007AFF;
  --wds-ios-colors-green: #34C759;
  --wds-ios-colors-red: #FF3B30;
  --wds-ios-fills-quaternary: #74748014;
  --wds-ios-fills-secondary: #78788029;
  --wds-ios-grays-white: #FFFFFF;
  --wds-ios-labels-primary: #000000;
  --wds-ios-labelsvibrant-primary1_2: #000000;
  --wds-ios-labelsvibrant-primary2_2: #00000000;
  --wds-ios-labelsvibrant-tertiary1_2: #00000040;
  --wds-ios-labelsvibrant-tertiary2_2: #00000000;
  --wds-ios-materials-regular1_4-overlay: #00000000;
  --wds-ios-materials-regular2_4-darken: #00000008;
  --wds-ios-materials-regular3_4-colordodge: #4D4D4D;
  --wds-ios-materials-regular4_4: #A9A9A9CC;
  --wds-ios-other-navigation-label1_3-softlight: #B1B1B1;
  --wds-ios-other-navigation-label2_3: #00000080;
  --wds-ios-other-navigation-label3_3-screen: #00000000;
  --wds-ios-separators-nonopaque: #3C3C435C;
  --wds-label-alternative: #37383C9C;
  --wds-label-assistive: #37383C47;
  --wds-label-disable: #37383C29;
  --wds-label-neutral: #2E2F33E0;
  --wds-label-normal: #171719;
  --wds-label-strong: #000000;
  --wds-labels-vibrant-controls-primary: #404040;
  --wds-line-normal-_strong: #70737C85;
  --wds-line-normal-alternative: #70737C14;
  --wds-line-normal-neutral: #70737C29;
  --wds-line-normal-normal: #70737C38;
  --wds-line-solid-_strong: #AEB0B6;
  --wds-line-solid-alternative: #F4F4F5;
  --wds-line-solid-neutral: #EAEBEC;
  --wds-line-solid-normal: #E1E2E4;
  --wds-macos-backgrounds-primary: #FFFFFF;
  --wds-macos-control-bar-title: #FAFAFACC;
  --wds-macos-fills-virant-primary1_2: #D9D9D9;
  --wds-macos-fills-virant-primary2_2: #00000000;
  --wds-macos-separators-vibrant1_2: #0000001A;
  --wds-macos-separators-vibrant2_2: #00000000;
  --wds-macos-text-secondary: #00000080;
  --wds-macos-text-tertiary: #00000040;
  --wds-macos-textvibrant-secondary1_2: #808080;
  --wds-macos-textvibrant-secondary2_2: #00000000;
  --wds-macos-textvibrant-tertiary1_2: #BFBFBF;
  --wds-macos-textvibrant-tertiary2_2: #00000000;
  --wds-material-background-onbackground: #1B1B1F;
  --wds-material-dimmer: #17171985;
  --wds-material-outline-outline: #74757F;
  --wds-primary-heavy: #0054D1;
  --wds-primary-normal: #0066FF;
  --wds-primary-strong: #005EEB;
  --wds-static-black: #000000;
  --wds-static-white: #FFFFFF;
  --wds-status-cautionary: #FF9200;
  --wds-status-negative: #FF4242;
  --wds-status-positive: #00BF40;
}

/* 다크 모드는 페이지가 data-theme="dark"를 명시할 때 활성화한다. */
:root[data-theme="dark"] {
  /* ---------- Semantic Color · Dark ---------- */
    --wds-_deprecated-platform-ios-navigation1_3: #FFFFFF12;
    --wds-_deprecated-platform-ios-navigation2_3: #FFFFFF59;
    --wds-_deprecated-platform-ios-navigation3_3: #000000B2;
    --wds-accent-background-cyan: #28D0ED;
    --wds-accent-background-light-blue: #3DC2FF;
    --wds-accent-background-lime: #6BE016;
    --wds-accent-background-pink: #FA73E3;
    --wds-accent-background-purple: #D478FF;
    --wds-accent-background-red-orange: #FF7B2E;
    --wds-accent-background-violet: #7D5EF7;
    --wds-accent-foreground-blue: #4F95FF;
    --wds-accent-foreground-cyan: #00BDDE;
    --wds-accent-foreground-green: #1ED45A;
    --wds-accent-foreground-light-blue: #00AEFF;
    --wds-accent-foreground-lime: #58CF04;
    --wds-accent-foreground-orange: #FF9200;
    --wds-accent-foreground-pink: #FA73E3;
    --wds-accent-foreground-purple: #D478FF;
    --wds-accent-foreground-red: #FF6363;
    --wds-accent-foreground-red-orange: #FF7B2E;
    --wds-accent-foreground-violet: #9E86FC;
    --wds-background-elevated-alternative: #141415;
    --wds-background-elevated-normal: #212225;
    --wds-background-normal-alternative: #0F0F10;
    --wds-background-normal-normal: #1B1C1E;
    --wds-background-transparent-alternative: #2122259C;
    --wds-background-transparent-normal: #2122259C;
    --wds-fill-alternative: #70737C1F;
    --wds-fill-normal: #70737C38;
    --wds-fill-strong: #70737C47;
    --wds-initial-black: #000000;
    --wds-initial-white: #FFFFFF;
    --wds-interaction-disable: #2E2F33;
    --wds-interaction-inactive: #5A5C63;
    --wds-inverse-background: #FFFFFF;
    --wds-inverse-label: #171719;
    --wds-inverse-primary: #0066FF;
    --wds-ios-accent-primary: #0091FF;
    --wds-ios-backgrounds-primary: #000000;
    --wds-ios-colors-blue: #0A84FF;
    --wds-ios-colors-green: #30D158;
    --wds-ios-colors-red: #FF453A;
    --wds-ios-fills-quaternary: #7474802E;
    --wds-ios-fills-secondary: #78788052;
    --wds-ios-grays-white: #FFFFFF;
    --wds-ios-labels-primary: #FFFFFF;
    --wds-ios-labelsvibrant-primary1_2: #00000000;
    --wds-ios-labelsvibrant-primary2_2: #FFFFFF;
    --wds-ios-labelsvibrant-tertiary1_2: #00000000;
    --wds-ios-labelsvibrant-tertiary2_2: #FFFFFF40;
    --wds-ios-materials-regular1_4-overlay: #5F5F5F;
    --wds-ios-materials-regular2_4-darken: #00000000;
    --wds-ios-materials-regular3_4-colordodge: #00000000;
    --wds-ios-materials-regular4_4: #3B3B3BB2;
    --wds-ios-other-navigation-label1_3-softlight: #00000000;
    --wds-ios-other-navigation-label2_3: #7F7F7FD9;
    --wds-ios-other-navigation-label3_3-screen: #7F7F7F;
    --wds-ios-separators-nonopaque: #545458A6;
    --wds-label-alternative: #AEB0B69C;
    --wds-label-assistive: #AEB0B647;
    --wds-label-disable: #989BA229;
    --wds-label-neutral: #C2C4C8E0;
    --wds-label-normal: #F7F7F8;
    --wds-label-strong: #FFFFFF;
    --wds-labels-vibrant-controls-primary: #BFBFBF;
    --wds-line-normal-_strong: #C2C4C885;
    --wds-line-normal-alternative: #70737C38;
    --wds-line-normal-neutral: #70737C47;
    --wds-line-normal-normal: #70737C52;
    --wds-line-solid-_strong: #70737C;
    --wds-line-solid-alternative: #2E2F33;
    --wds-line-solid-neutral: #333438;
    --wds-line-solid-normal: #37383C;
    --wds-macos-backgrounds-primary: #000000;
    --wds-macos-control-bar-title: #3C3C3CCC;
    --wds-macos-fills-virant-primary1_2: #00000000;
    --wds-macos-fills-virant-primary2_2: #242424;
    --wds-macos-separators-vibrant1_2: #00000000;
    --wds-macos-separators-vibrant2_2: #FFFFFF1A;
    --wds-macos-text-secondary: #FFFFFF8C;
    --wds-macos-text-tertiary: #FFFFFF40;
    --wds-macos-textvibrant-secondary1_2: #00000000;
    --wds-macos-textvibrant-secondary2_2: #7C7C7C;
    --wds-macos-textvibrant-tertiary1_2: #00000000;
    --wds-macos-textvibrant-tertiary2_2: #414141;
    --wds-material-background-onbackground: #E4E2E6;
    --wds-material-dimmer: #171719BD;
    --wds-material-outline-outline: #8F909A;
    --wds-primary-heavy: #0066FF;
    --wds-primary-normal: #3385FF;
    --wds-primary-strong: #1A75FF;
    --wds-static-black: #000000;
    --wds-static-white: #FFFFFF;
    --wds-status-cautionary: #FFA938;
    --wds-status-negative: #FF6363;
    --wds-status-positive: #1ED45A;
}

:root {
  /* ---------- Atomic / Palette ---------- */
  --wds-blue-_0: #000000;
  --wds-blue-_100: #FFFFFF;
  --wds-blue-10: #001536;
  --wds-blue-20: #002966;
  --wds-blue-30: #003E9C;
  --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-common-0: #000000;
  --wds-common-100: #FFFFFF;
  --wds-cool-neutral-_0: #000000;
  --wds-cool-neutral-_100: #FFFFFF;
  --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-5: #0F0F10;
  --wds-cool-neutral-50: #70737C;
  --wds-cool-neutral-60: #878A93;
  --wds-cool-neutral-7: #141415;
  --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-cyan-0: #000000;
  --wds-cyan-10: #00252B;
  --wds-cyan-100: #FFFFFF;
  --wds-cyan-20: #004854;
  --wds-cyan-30: #006F82;
  --wds-cyan-40: #0098B2;
  --wds-cyan-50: #00BDDE;
  --wds-cyan-60: #28D0ED;
  --wds-cyan-70: #57DFF7;
  --wds-cyan-80: #8AEDFF;
  --wds-cyan-90: #B5F4FF;
  --wds-cyan-95: #DEFAFF;
  --wds-cyan-99: #F7FEFF;
  --wds-green-_0: #000000;
  --wds-green-_100: #FFFFFF;
  --wds-green-10: #00240C;
  --wds-green-20: #004517;
  --wds-green-30: #006E25;
  --wds-green-40: #009632;
  --wds-green-50: #00BF40;
  --wds-green-60: #1ED45A;
  --wds-green-70: #49E57D;
  --wds-green-80: #7DF5A5;
  --wds-green-90: #ACFCC7;
  --wds-green-95: #D9FFE6;
  --wds-green-99: #F2FFF6;
  --wds-light-blue-0: #000000;
  --wds-light-blue-10: #002130;
  --wds-light-blue-100: #FFFFFF;
  --wds-light-blue-20: #004261;
  --wds-light-blue-30: #006796;
  --wds-light-blue-40: #008DCF;
  --wds-light-blue-50: #00AEFF;
  --wds-light-blue-60: #3DC2FF;
  --wds-light-blue-70: #70D2FF;
  --wds-light-blue-80: #A1E1FF;
  --wds-light-blue-90: #C4ECFE;
  --wds-light-blue-95: #E5F6FE;
  --wds-light-blue-99: #F7FDFF;
  --wds-lime-0: #000000;
  --wds-lime-10: #112900;
  --wds-lime-100: #FFFFFF;
  --wds-lime-20: #225200;
  --wds-lime-30: #347D00;
  --wds-lime-37: #429E00;
  --wds-lime-40: #48AD00;
  --wds-lime-50: #58CF04;
  --wds-lime-60: #6BE016;
  --wds-lime-70: #88F03E;
  --wds-lime-80: #AEF779;
  --wds-lime-90: #CCFCA9;
  --wds-lime-95: #E6FFD4;
  --wds-lime-99: #F8FFF2;
  --wds-neutral-_0: #000000;
  --wds-neutral-_100: #FFFFFF;
  --wds-neutral-10: #171717;
  --wds-neutral-15: #1C1C1C;
  --wds-neutral-20: #2A2A2A;
  --wds-neutral-22: #303030;
  --wds-neutral-30: #474747;
  --wds-neutral-40: #5C5C5C;
  --wds-neutral-5: #0F0F0F;
  --wds-neutral-50: #737373;
  --wds-neutral-60: #8A8A8A;
  --wds-neutral-70: #9B9B9B;
  --wds-neutral-80: #B0B0B0;
  --wds-neutral-90: #C4C4C4;
  --wds-neutral-95: #DCDCDC;
  --wds-neutral-99: #F7F7F7;
  --wds-orange-_0: #000000;
  --wds-orange-_100: #FFFFFF;
  --wds-orange-10: #361E00;
  --wds-orange-20: #663A00;
  --wds-orange-30: #9C5800;
  --wds-orange-39: #D17600;
  --wds-orange-40: #D47800;
  --wds-orange-50: #FF9200;
  --wds-orange-60: #FFA938;
  --wds-orange-70: #FFC06E;
  --wds-orange-80: #FFD49C;
  --wds-orange-90: #FEE6C6;
  --wds-orange-95: #FEF4E6;
  --wds-orange-99: #FFFCF7;
  --wds-pink-0: #000000;
  --wds-pink-10: #3D0133;
  --wds-pink-100: #FFFFFF;
  --wds-pink-20: #730560;
  --wds-pink-30: #A81690;
  --wds-pink-40: #D331B8;
  --wds-pink-46: #E846CD;
  --wds-pink-50: #F553DA;
  --wds-pink-60: #FA73E3;
  --wds-pink-70: #FF94ED;
  --wds-pink-80: #FFB8F3;
  --wds-pink-90: #FED3F7;
  --wds-pink-95: #FEECFB;
  --wds-pink-99: #FFFAFE;
  --wds-purple-0: #000000;
  --wds-purple-10: #290247;
  --wds-purple-100: #FFFFFF;
  --wds-purple-20: #580A7D;
  --wds-purple-30: #861CB8;
  --wds-purple-40: #AD36E3;
  --wds-purple-50: #CB59FF;
  --wds-purple-60: #D478FF;
  --wds-purple-70: #DE96FF;
  --wds-purple-80: #E9BAFF;
  --wds-purple-90: #F2D6FF;
  --wds-purple-95: #F9EDFF;
  --wds-purple-99: #FEFBFF;
  --wds-red-_0: #000000;
  --wds-red-_100: #FFFFFF;
  --wds-red-10: #3B0101;
  --wds-red-20: #730303;
  --wds-red-30: #B00C0C;
  --wds-red-40: #E52222;
  --wds-red-50: #FF4242;
  --wds-red-60: #FF6363;
  --wds-red-70: #FF8C8C;
  --wds-red-80: #FFB5B5;
  --wds-red-90: #FED5D5;
  --wds-red-95: #FEECEC;
  --wds-red-99: #FFFAFA;
  --wds-red-orange-_0: #000000;
  --wds-red-orange-_100: #FFFFFF;
  --wds-red-orange-10: #290F00;
  --wds-red-orange-20: #592100;
  --wds-red-orange-30: #913500;
  --wds-red-orange-40: #C94A00;
  --wds-red-orange-48: #F55A00;
  --wds-red-orange-50: #FF5E00;
  --wds-red-orange-60: #FF7B2E;
  --wds-red-orange-70: #FF9B61;
  --wds-red-orange-80: #FFBD96;
  --wds-red-orange-90: #FED9C4;
  --wds-red-orange-95: #FEEEE5;
  --wds-red-orange-99: #FFFAF7;
  --wds-violet-0: #000000;
  --wds-violet-10: #11024D;
  --wds-violet-100: #FFFFFF;
  --wds-violet-20: #23098F;
  --wds-violet-30: #3A16C9;
  --wds-violet-40: #4F29E5;
  --wds-violet-45: #5B37ED;
  --wds-violet-50: #6541F2;
  --wds-violet-60: #7D5EF7;
  --wds-violet-70: #9E86FC;
  --wds-violet-80: #C0B0FF;
  --wds-violet-90: #DBD3FE;
  --wds-violet-95: #F0ECFE;
  --wds-violet-99: #FBFAFF;
}

:root {
  /* ---------- Number tokens (spacing / radius 등) ---------- */
  --wds-height-popup-max: 760px;
  --wds-margin-action-contents-bottom: 4px;
  --wds-margin-action-normal-horizontal: 20px;
  --wds-margin-action-normal-vertical: 20px;
  --wds-margin-content-content: 20px;
  --wds-margin-navigation-horizontal: 16px;
  --wds-margin-navigation-normal: 20px;
  --wds-margin-navigation-text: 4px;
  --wds-margin-navigation-tool-tab: 12px;
  --wds-opacity-0: 0;
  --wds-opacity-100: 100;
  --wds-opacity-12: 12;
  --wds-opacity-16: 16;
  --wds-opacity-22: 22;
  --wds-opacity-28: 28;
  --wds-opacity-35: 35;
  --wds-opacity-43: 43;
  --wds-opacity-5: 5;
  --wds-opacity-52: 52;
  --wds-opacity-61: 61;
  --wds-opacity-74: 74;
  --wds-opacity-8: 8;
  --wds-opacity-88: 88;
  --wds-opacity-97: 97;
  --wds-padding-horizontal: 16px;
  --wds-padding-vertical: 4px;
  --wds-radius: 14px;
  --wds-value-margin-platform: 20px;
  --wds-value-padding-card-tiny: 4px;
  --wds-value-space-gap-normal: 16px;
  --wds-value-width-viewport-lg: 1100px;
  --wds-value-width-viewport-xl: 1440px;
  --wds-width-max: 1060px;
  --wds-width-min: 320px;
  --wds-width-normal: 400px;
}

:root {
  /* ---------- Canonical typography · 5 levels ---------- */
  --wds-font-family: var(--font-pretendard, 'Pretendard Variable', 'Pretendard', 'Noto Sans KR', 'Malgun Gothic', sans-serif);
  --wds-font-display-size: 56px;
  --wds-font-display-line-height: 1.286;
  --wds-font-display-letter-spacing: -0.0319em;
  --wds-font-title-size: 36px;
  --wds-font-title-line-height: 1.334;
  --wds-font-title-letter-spacing: -0.027em;
  --wds-font-heading-size: 22px;
  --wds-font-heading-line-height: 1.364;
  --wds-font-heading-letter-spacing: -0.0194em;
  --wds-font-body-size: 16px;
  --wds-font-body-line-height: 1.5;
  --wds-font-body-letter-spacing: 0.0057em;
  --wds-font-label-size: 14px;
  --wds-font-label-line-height: 1.429;
  --wds-font-label-letter-spacing: 0.0145em;
}