/* PTBWA Design System — Foundation Tokens
   Source of Truth: Figma (2020:12 Color, 2020:13 Font, 2025:92 Spacing)
   Gate 3 (Border/Shadow/Grid): DEFERRED — Figma Canvas 작성 중
   DO NOT edit this file directly — update Figma first, then sync here */

:root {
  /* ===== Primitive Tokens: Color ===== */

  /* Purple */
  --ptbwa-ds-color-purple-900: #4A1D96;
  --ptbwa-ds-color-purple-800: #5521B5;
  --ptbwa-ds-color-purple-700: #6C2BD9;
  --ptbwa-ds-color-purple-600: #7E3AF2;
  --ptbwa-ds-color-purple-500: #9061F9;
  --ptbwa-ds-color-purple-400: #AC94FA;
  --ptbwa-ds-color-purple-300: #CABFFD;
  --ptbwa-ds-color-purple-200: #DCD7FE;
  --ptbwa-ds-color-purple-100: #EDEBFE;
  --ptbwa-ds-color-purple-050: #F6F5FF;

  /* Blue */
  --ptbwa-ds-color-blue-900: #233876;
  --ptbwa-ds-color-blue-800: #1E429F;
  --ptbwa-ds-color-blue-700: #1A56DB;
  --ptbwa-ds-color-blue-600: #1C64F2;
  --ptbwa-ds-color-blue-500: #3F83F8;
  --ptbwa-ds-color-blue-400: #76A9FA;
  --ptbwa-ds-color-blue-300: #A4CAFE;
  --ptbwa-ds-color-blue-200: #C3DDFD;
  --ptbwa-ds-color-blue-100: #E1EFFE;
  --ptbwa-ds-color-blue-050: #EBF5FF;

  /* Gray */
  --ptbwa-ds-color-gray-900: #171725;
  --ptbwa-ds-color-gray-800: #44444F;
  --ptbwa-ds-color-gray-700: #696974;
  --ptbwa-ds-color-gray-600: #92929D;
  --ptbwa-ds-color-gray-500: #B5B5BE;
  --ptbwa-ds-color-gray-400: #D5D5DC;
  --ptbwa-ds-color-gray-300: #E2E2EA;
  --ptbwa-ds-color-gray-200: #F1F1F5;
  --ptbwa-ds-color-gray-100: #F3F4F6;
  --ptbwa-ds-color-gray-050: #F9FAFB;

  /* Red */
  --ptbwa-ds-color-red-900: #771D1D;
  --ptbwa-ds-color-red-800: #9B1C1C;
  --ptbwa-ds-color-red-700: #C81E1E;
  --ptbwa-ds-color-red-600: #E02424;
  --ptbwa-ds-color-red-500: #F05252;
  --ptbwa-ds-color-red-400: #F98080;
  --ptbwa-ds-color-red-300: #F8B4B4;
  --ptbwa-ds-color-red-200: #FBD5D5;
  --ptbwa-ds-color-red-100: #FDE8E8;
  --ptbwa-ds-color-red-050: #FDF2F2;

  /* Orange */
  --ptbwa-ds-color-orange-900: #771D1D;
  --ptbwa-ds-color-orange-800: #8A2C0D;
  --ptbwa-ds-color-orange-700: #B43403;
  --ptbwa-ds-color-orange-600: #D03801;
  --ptbwa-ds-color-orange-500: #FF5A1F;
  --ptbwa-ds-color-orange-400: #FF8A4C;
  --ptbwa-ds-color-orange-300: #FDBA8C;
  --ptbwa-ds-color-orange-200: #FCD9BD;
  --ptbwa-ds-color-orange-100: #FEECDC;
  --ptbwa-ds-color-orange-050: #FFF8F1;

  /* Yellow */
  --ptbwa-ds-color-yellow-900: #633112;
  --ptbwa-ds-color-yellow-800: #723B13;
  --ptbwa-ds-color-yellow-700: #8E4B10;
  --ptbwa-ds-color-yellow-600: #9F580A;
  --ptbwa-ds-color-yellow-500: #C27803;
  --ptbwa-ds-color-yellow-400: #E3A008;
  --ptbwa-ds-color-yellow-300: #FACA15;
  --ptbwa-ds-color-yellow-200: #FCE96A;
  --ptbwa-ds-color-yellow-100: #FDF6B2;
  --ptbwa-ds-color-yellow-050: #FDFDEA;

  /* Green */
  --ptbwa-ds-color-green-900: #014737;
  --ptbwa-ds-color-green-800: #03543F;
  --ptbwa-ds-color-green-700: #046C4E;
  --ptbwa-ds-color-green-600: #057A55;
  --ptbwa-ds-color-green-500: #0E9F6E;
  --ptbwa-ds-color-green-400: #31C48D;
  --ptbwa-ds-color-green-300: #84E1BC;
  --ptbwa-ds-color-green-200: #BCF0DA;
  --ptbwa-ds-color-green-100: #DEF7EC;
  --ptbwa-ds-color-green-050: #F3FAF7;

  /* Teal */
  --ptbwa-ds-color-teal-900: #014451;
  --ptbwa-ds-color-teal-800: #05505C;
  --ptbwa-ds-color-teal-700: #036672;
  --ptbwa-ds-color-teal-600: #047481;
  --ptbwa-ds-color-teal-500: #0694A2;
  --ptbwa-ds-color-teal-400: #16BDCA;
  --ptbwa-ds-color-teal-300: #7EDCE2;
  --ptbwa-ds-color-teal-200: #AFECEF;
  --ptbwa-ds-color-teal-100: #D5F5F6;
  --ptbwa-ds-color-teal-050: #EDFAFA;

  /* Indigo */
  --ptbwa-ds-color-indigo-900: #362F78;
  --ptbwa-ds-color-indigo-800: #42389D;
  --ptbwa-ds-color-indigo-700: #5145CD;
  --ptbwa-ds-color-indigo-600: #5850EC;
  --ptbwa-ds-color-indigo-500: #6875F5;
  --ptbwa-ds-color-indigo-400: #8DA2FB;
  --ptbwa-ds-color-indigo-300: #B4C6FC;
  --ptbwa-ds-color-indigo-200: #CDDBFE;
  --ptbwa-ds-color-indigo-100: #E5EDFF;
  --ptbwa-ds-color-indigo-050: #F0F5FF;

  /* Pink */
  --ptbwa-ds-color-pink-900: #751A3D;
  --ptbwa-ds-color-pink-800: #99154B;
  --ptbwa-ds-color-pink-700: #BF125D;
  --ptbwa-ds-color-pink-600: #D61F69;
  --ptbwa-ds-color-pink-500: #E74694;
  --ptbwa-ds-color-pink-400: #F17EB8;
  --ptbwa-ds-color-pink-300: #F8B4D9;
  --ptbwa-ds-color-pink-200: #FAD1E8;
  --ptbwa-ds-color-pink-100: #FCE8F3;
  --ptbwa-ds-color-pink-050: #FDF2F8;

  /* ===== Primitive Tokens: Typography ===== */

  /* Font Family */
  --ptbwa-ds-font-family-primary: "Pretendard";

  /* Font Weight */
  --ptbwa-ds-font-weight-thin: 100;
  --ptbwa-ds-font-weight-extralight: 200;
  --ptbwa-ds-font-weight-light: 300;
  --ptbwa-ds-font-weight-regular: 400;
  --ptbwa-ds-font-weight-medium: 500;
  --ptbwa-ds-font-weight-semibold: 600;
  --ptbwa-ds-font-weight-bold: 700;
  --ptbwa-ds-font-weight-extrabold: 800;
  --ptbwa-ds-font-weight-black: 900;

  /* Font Size + Line Height */
  --ptbwa-ds-font-size-xs: 12px;
  --ptbwa-ds-font-lh-xs: 1.5;
  --ptbwa-ds-font-size-sm: 14px;
  --ptbwa-ds-font-lh-sm: 1.5;
  --ptbwa-ds-font-size-base: 16px;
  --ptbwa-ds-font-lh-base: 1.5;
  --ptbwa-ds-font-size-lg: 18px;
  --ptbwa-ds-font-lh-lg: 1.5;
  --ptbwa-ds-font-size-xl: 20px;
  --ptbwa-ds-font-lh-xl: 1.5;
  --ptbwa-ds-font-size-2xl: 24px;
  --ptbwa-ds-font-lh-2xl: 1.5;
  --ptbwa-ds-font-size-3xl: 30px;
  --ptbwa-ds-font-lh-3xl: 1.5;
  --ptbwa-ds-font-size-4xl: 36px;
  --ptbwa-ds-font-lh-4xl: 1.5;
  --ptbwa-ds-font-size-5xl: 48px;
  --ptbwa-ds-font-lh-5xl: 1.3;
  --ptbwa-ds-font-size-6xl: 60px;
  --ptbwa-ds-font-lh-6xl: 1.5;
  --ptbwa-ds-font-size-7xl: 72px;
  --ptbwa-ds-font-lh-7xl: 1.5;

  /* Typography Style: Display */
  --ptbwa-ds-font-size-display2: 40px;
  --ptbwa-ds-font-lh-display2: 1.3;
  --ptbwa-ds-font-ls-display2: -0.0282em;
  --ptbwa-ds-font-size-display3: 36px;
  --ptbwa-ds-font-lh-display3: 1.334;
  --ptbwa-ds-font-ls-display3: -0.027em;

  /* Typography Style: Title */
  --ptbwa-ds-font-size-title1: 32px;
  --ptbwa-ds-font-lh-title1: 1.375;
  --ptbwa-ds-font-ls-title1: -0.0253em;
  --ptbwa-ds-font-size-title2: 28px;
  --ptbwa-ds-font-lh-title2: 1.358;
  --ptbwa-ds-font-ls-title2: -0.0236em;
  --ptbwa-ds-font-size-title3: 24px;
  --ptbwa-ds-font-lh-title3: 1.334;
  --ptbwa-ds-font-ls-title3: -0.023em;

  /* Typography Style: Heading */
  --ptbwa-ds-font-size-heading1: 22px;
  --ptbwa-ds-font-lh-heading1: 1.364;
  --ptbwa-ds-font-ls-heading1: -0.0194em;
  --ptbwa-ds-font-size-heading2: 20px;
  --ptbwa-ds-font-lh-heading2: 1.4;
  --ptbwa-ds-font-ls-heading2: -0.012em;
  --ptbwa-ds-font-size-heading3: 18px;
  --ptbwa-ds-font-lh-heading3: 1.445;
  --ptbwa-ds-font-ls-heading3: -0.002em;

  /* Typography Style: Body */
  --ptbwa-ds-font-size-body-normal: 16px;
  --ptbwa-ds-font-lh-body-normal: 1.5;
  --ptbwa-ds-font-ls-body-normal: 0.0057em;
  --ptbwa-ds-font-size-body-reading: 16px;
  --ptbwa-ds-font-lh-body-reading: 1.625;
  --ptbwa-ds-font-ls-body-reading: 0.0057em;

  /* Typography Style: Caption */
  --ptbwa-ds-font-size-caption: 14px;
  --ptbwa-ds-font-lh-caption: 1.4;
  --ptbwa-ds-font-ls-caption: 0.0057em;

  /* ===== Primitive Tokens: Spacing ===== */
  /* DEFERRED — spacing naming convention PROPOSED in foundation-token-mapping.md */
  /* Await Figma spacing canvas values before defining --ptbwa-ds-spacing-size-* tokens */

  /* ===== Primitive Tokens: DEFERRED (Gate 3 — Figma Canvas 작성 중) ===== */
  /* Border tokens: --ptbwa-ds-border-radius-*, --ptbwa-ds-border-width-* — Figma Canvas 2025:885 empty */
  /* Shadow tokens: --ptbwa-ds-shadow-* — Figma Canvas 2025:886 empty */
  /* Grid tokens: --ptbwa-ds-grid-* — Figma Canvas 2025:884 empty */

  /* ===== Semantic Tokens: Color ===== */
  /* Semantic tokens — Figma-sourced (2026-07-20). See docs/superpowers/specs/2026-07-20-guest-inquiry-modal-ds-rebuild-design.md */
  --ptbwa-ds-color-text-primary: var(--ptbwa-ds-color-gray-900);
  --ptbwa-ds-color-text-secondary: var(--ptbwa-ds-color-gray-700);
  --ptbwa-ds-color-text-muted: var(--ptbwa-ds-color-gray-500);
  --ptbwa-ds-color-text-placeholder: var(--ptbwa-ds-color-gray-300);
  --ptbwa-ds-color-text-disabled: var(--ptbwa-ds-color-gray-400);
  --ptbwa-ds-color-border-default: var(--ptbwa-ds-color-gray-400);
  --ptbwa-ds-color-border-focus: var(--ptbwa-ds-color-purple-600);
  --ptbwa-ds-color-border-error: var(--ptbwa-ds-color-red-600);
  --ptbwa-ds-color-border-disabled: var(--ptbwa-ds-color-gray-200);
  --ptbwa-ds-color-control-focus: var(--ptbwa-ds-color-purple-600);
  --ptbwa-ds-color-control-checked: var(--ptbwa-ds-color-purple-600);
  --ptbwa-ds-color-feedback-danger: var(--ptbwa-ds-color-red-600);
  --ptbwa-ds-color-feedback-danger-bg: var(--ptbwa-ds-color-red-050);
  --ptbwa-ds-color-feedback-warning: var(--ptbwa-ds-color-orange-500);
  --ptbwa-ds-color-action-primary: var(--ptbwa-ds-color-purple-600);
  --ptbwa-ds-color-action-primary-hover: var(--ptbwa-ds-color-purple-700);
  --ptbwa-ds-color-action-disabled: var(--ptbwa-ds-color-gray-200);
  --ptbwa-ds-color-action-on-primary: #FFFFFF;
  --ptbwa-ds-color-surface-white: #FFFFFF;
  --ptbwa-ds-color-surface-disabled: var(--ptbwa-ds-color-gray-050);

  /* ===== Semantic Tokens: Chip ===== */
  /* 문의 유형 chip — 고객 구분별 색상 (어드민 문의관리용) */
  --ptbwa-ds-color-chip-member-type-fg: var(--ptbwa-ds-color-purple-600);
  --ptbwa-ds-color-chip-member-type-bg: var(--ptbwa-ds-color-purple-100);
  --ptbwa-ds-color-chip-guest-type-fg: var(--ptbwa-ds-color-blue-400);
  --ptbwa-ds-color-chip-guest-type-bg: var(--ptbwa-ds-color-blue-050);

  /* 문의 유형 chip — 문의내역 페이지용 (회원 전용, Blue/400 + Blue/100) */
  --ptbwa-ds-color-chip-inquiry-type-fg: var(--ptbwa-ds-color-blue-400);
  --ptbwa-ds-color-chip-inquiry-type-bg: var(--ptbwa-ds-color-blue-100);

  /* 답변 상태 chip — 상태별 색상 */
  --ptbwa-ds-color-chip-status-waiting-fg: var(--ptbwa-ds-color-gray-500);
  --ptbwa-ds-color-chip-status-waiting-bg: var(--ptbwa-ds-color-gray-100);
  --ptbwa-ds-color-chip-status-progress-fg: var(--ptbwa-ds-color-orange-400);
  --ptbwa-ds-color-chip-status-progress-bg: var(--ptbwa-ds-color-orange-100);
  --ptbwa-ds-color-chip-status-done-fg: var(--ptbwa-ds-color-green-400);
  --ptbwa-ds-color-chip-status-done-bg: var(--ptbwa-ds-color-green-100);
}