/* Wanted Design System (Community) 토큰 — tools/design_tokens.py 가 만든다.
 *
 * DEV-PROCESS §2대로 여기서 한 번만 옮겼다. 화면 카드는 Figma를 다시
 * 읽지 않고 이 파일을 쓴다 — 매번 읽으면 번역이 갈리고 표기 오류도
 * 매번 따라온다.
 *
 * 팔레트(Colors)가 아니라 Semantic Colors를 쓴다. 팔레트를 직접 쓰면
 * 의미가 사라져 나중에 색을 못 바꾼다.
 *
 * 손으로 고치지 않는다. 시스템이 바뀌면 다시 내보내 이 도구를 돌린다.
 */

:root {

  /* 시맨틱 색 */
  --accent-background-cyan: #00bdde;
  --accent-background-light-blue: #00aeff;
  --accent-background-lime: #58cf04;
  --accent-background-pink: #f553da;
  --accent-background-purple: #cb59ff;
  --accent-background-red-orange: #ff5e00;
  --accent-background-violet: #6541f2;
  --accent-foreground-blue: #005eeb;
  --accent-foreground-cyan: #0098b2;
  --accent-foreground-green: #009632;
  --accent-foreground-light-blue: #008dcf;
  --accent-foreground-lime: #429e00;
  --accent-foreground-orange: #d17600;
  --accent-foreground-pink: #e846cd;
  --accent-foreground-purple: #ad36e3;
  --accent-foreground-red: #e52222;
  --accent-foreground-red-orange: #f55a00;
  --accent-foreground-violet: #5b37ed;
  --background-elevated-alternative: #f7f7f8;
  --background-elevated-normal: #ffffff;
  --background-normal-alternative: #f7f7f8;
  --background-normal-normal: #ffffff;
  --background-transparent-alternative: #ffffff47;
  --background-transparent-normal: #ffffff14;
  --fill-alternative: #70737c0d;
  --fill-normal: #70737c14;
  --fill-strong: #70737c29;
  --interaction-disable: #f4f4f5;
  --interaction-inactive: #989ba2;
  --inverse-background: #1b1c1e;
  --inverse-label: #f7f7f8;
  --inverse-primary: #3385ff;
  --label-alternative: #37383c9c;
  --label-assistive: #37383c47;
  --label-disable: #37383c29;
  --label-neutral: #2e2f33e0;
  --label-normal: #171719;
  --label-strong: #000000;
  --line-normal-alternative: #70737c14;
  --line-normal-neutral: #70737c29;
  --line-normal-normal: #70737c38;
  --line-normal-strong: #70737c85;
  --line-solid-alternative: #f4f4f5;
  --line-solid-neutral: #eaebec;
  --line-solid-normal: #e1e2e4;
  --line-solid-strong: #aeb0b6;
  --material-dimmer: #17171985;
  --primary-heavy: #0054d1;
  --primary-normal: #0066ff;
  --primary-strong: #005eeb;
  --static-black: #000000;
  --static-white: #ffffff;
  --status-cautionary: #ff9200;
  --status-negative: #ff4242;
  --status-positive: #00bf40;

  /* 컴포넌트 치수 */
  --value-margin-platform: 20px;
  --value-padding-card-tiny: 4px;
  --value-space-gap-normal: 16px;
  --value-width-viewport-lg: 1100px;
  --value-width-viewport-xl: 1440px;
  --variant-platform: Mobile;

  /* 프레임 */
  --padding-horizontal: 16px;
  --padding-vertical: 4px;
  --radius: 14px;

  /* 모달 */
  --height-popup-max: 760px;
  --margin-action-contents-bottom: 4px;
  --margin-action-normal-horizontal: 20px;
  --margin-action-normal-vertical: 20px;
  --margin-content-content: 20px;
  --margin-navigation-horizontal: 16px;
  --margin-navigation-normal: 20px;
  --margin-navigation-text: 4px;
  --margin-navigation-tool-tab: 12px;
  --radius: 12px;
  --width-max: 1060px;
  --width-min: 320px;
  --width-normal: 400px;
}