@charset "utf-8";

:root {
  /* //// 기본값 설정 부분, 홈페이지 스타일에 맞게 수치/색상 등 조절 //// */
  /* **** 폰트 **** */
  --typo-font-type: "Pretendard", sans-serif, "SBAggro";
  --typo-letter-spacing-0: 0rem;
  --typo-letter-spacing-1: 1px;
  --typo-letter-spacing-2: -0.5px;

  /* font weight (숫자 기반) */
  --typo-weight-thin: 100;
  --typo-weight-extralight: 200;
  --typo-weight-light: 300;
  --typo-weight-regular: 400;
  /* normal */
  --typo-weight-medium: 500;
  --typo-weight-semibold: 600;
  --typo-weight-bold: 700;
  /* bold */
  --typo-weight-extrabold: 800;
  --typo-weight-black: 900;

  /* **** 고정 색상 **** */
  --white: #fff;
  --black: #000;
  --danger: #eb003b;
  --warning: #b9131e;
  --success: #008a1e;
  --information: #157aff;

  /* **** 수치 **** */
  --number-0: 0rem;
  /* 0px */
  --number-1: 0.0625rem;
  /* 1px */
  --number-2: 0.125rem;
  /* 2px */
  --number-3: 0.25rem;
  /* 4px */
  --number-4: 0.375rem;
  /* 6px */
  --number-5: 0.5rem;
  /* 8px */
  --number-6: 0.625rem;
  /* 10px */
  --number-7: 0.75rem;
  /* 12px */
  --number-8: 1rem;
  /* 16px */
  --number-9: 1.313rem;
  /* 21px */
  --number-10: 1.5rem;
  /* 24px */
  --number-11: 1.75rem;
  /* 28px */
  --number-12: 2rem;
  /* 32px */
  --number-13: 2.25rem;
  /* 36px */
  --number-14: 2.5rem;
  /* 40px */
  --number-15: 2.75rem;
  /* 44px */
  --number-16: 3rem;
  /* 48px */
  --number-17: 3.5rem;
  /* 56px */
  --number-18: 4rem;
  /* 64px */
  --number-19: 4.5rem;
  /* 72px */
  --number-20: 5rem;
  /* 80px */
  --number-21: 6rem;
  /* 96px */
  --number-max: 6.25rem;
  /* 100px */
  --number-semi-max: 7.5rem;
  /* 120px */


  --number--22: 1.375rem;
  /*-- 22px -- */
  --number--23: 1.875rem;
  /*-- 30px --*/
  --number--24: 5.625rem;
  /*-- 90px --*/
  --number--25: 1.125rem;
  /*-- 18px --*/
  --number--26: 2.625rem;
  /*-- 42px --*/
  --number--27: 1.5625rem;
  /*-- 25px --*/

  --number--28: 0.875rem;
  --number--max2: 12.5rem;
  /*-- 200px --*/



  /* ** SEMANTIC ** */
  --gap-1: var(--number-2);
  --gap-2: var(--number-3);
  --gap-3: var(--number-5);
  --gap-4: var(--number-7);
  --gap-5: var(--number-8);
  --gap-6: var(--number-9);
  --gap-7: var(--number-10);
  --gap-8: var(--number-12);
  --gap-9: var(--number-14);
  --gap-10: var(--number-16);
  --gap-11: var(--number-18);
  --gap-12: var(--number-20);
  --gap-13: var(--number-21);
  --gap-14: var(--number-max);
  --padding-1: var(--number-2);
  --padding-2: var(--number-3);
  --padding-3: var(--number-5);
  --padding-4: var(--number-6);
  --padding-5: var(--number-7);
  --padding-6: var(--number-8);
  --padding-7: var(--number-9);
  --padding-8: var(--number-10);
  --padding-9: var(--number-12);
  --padding-10: var(--number-14);
  --padding-11: var(--number-15);
  --padding-12: var(--number-16);
  --padding-13: var(--number-17);
  --padding-14: var(--number-18);
  --padding-15: var(--number-19);
  --padding-16: var(--number-20);
  --padding-17: var(--number-21);
  --padding-18: var(--number-max);

  --padding--19: var(--number--24);
  /* 90px */
  --padding--20: var(--number--23);
  /* 30px */
  --padding--21: var(--number--22);
  /* 22px */
  --padding--22: var(--number-11);
  /* 28px */
  --padding--23: var(--number--25);
  /* 18px */
  --padding--24: var(--number--26);
  /* 42px */
  --padding--25: var(--number-20);
  /* 80px */
  --padding--26: var(--number--27);
  /* 25px */
  --padding-semi-max: var(--number-semi-max);
  /* 120px */

  --size-height-1: var(--number-5);
  --size-height-2: var(--number-8);
  --size-height-3: var(--number-9);
  --size-height-4: var(--number-10);
  --size-height-5: var(--number-12);
  --size-height-6: var(--number-14);
  --size-height-7: var(--number-15);
  --size-height-8: var(--number-16);
  --size-height-9: var(--number-17);
  --size-height-10: var(--number-18);
  --size-height-11: var(--number-20);
  --radius-none: var(--number-0);
  /* 0px - sharp edges */
  --radius-xxsmall: var(--number-1);
  /* 1px - 거의 직각 */
  --radius-xsmall: var(--number-3);
  /* 4px - 버튼 기본 */
  --radius-small: var(--number-4);
  /* 5px - 버튼 기본 */
  --radius-medium: var(--number-5);
  /* 8px - 카드 기본 */
  --radius-large: var(--number-7);
  /* 12px - 큰 카드 */
  --radius-mlarge: var(--number-9);
  /* 21px */
  --radius-xlarge: var(--number-10);
  /* 24px - 모달/배너 */
  --radius-xmlarge: var(--number--23);
  /* 30px - 서브 타이틀 */
  --radius-xxlarge: var(--number-12);
  /* 32px - 특수 케이스 */
  /* 특수 용도 (2개) */
  --radius-full: var(--number-max);
  /* 100px - 원형 (아이콘, 프로필) */
  --radius-pill: 50rem;
  /* 9999px - 알약형 버튼 */
  --radius-box: var(--number--max2);
  /* 200px */

  --width-variable-regular: 0.0625rem;
  --width-variable-medium: 0.125rem;
  --width-static-regular: 0.0625rem;
  --width-static-medium: 0.125rem;

  /* ** RESPONSIVE-PC ** */
  /* 16px 기준, PC 가독성 최적화 (모바일+2~4px) */

  /* ━━━ Display (히어로/랜딩) - 3단계 ━━━ */
  --pc-fs-display-large: 3.75rem;
  /* 60px - 대형 랜딩 */
  --pc-fs-display-medium: 3rem;
  /* 48px - 중형 히어로 */
  --pc-fs-display-small: 2.5rem;
  /* 40px - 소형 히어로 */

  /* ━━━ Heading (제목 h1~h6) - 6단계 ━━━ */
  --pc-fs-heading-xxxlarge: 2.5rem;
  /* 40px - 특대 제목 */
  --pc-fs-heading-xxlarge: 2rem;
  /* 32px - h1 */
  --pc-fs-heading-xlarge: 1.75rem;
  /* 28px - h2 */
  --pc-fs-heading-large: 1.625rem;
  /* 26px - h3 */
  --pc-fs-heading-medium: 1.313rem;
  /* 21px - h4 */
  --pc-fs-heading-small: 1.125rem;
  /* 18px - h5 */

  /* ━━━ Body (본문) - 6단계 ━━━ */
  --pc-fs-body-xlarge: 1.25rem;
  /* 20px - 강조 본문, 리드 */
  --pc-fs-body-large: 1.188rem;
  /* 19px - 강조 본문, 리드 */
  --pc-fs-body-medium: 1.063rem;
  /* 17px -   */
  --pc-fs-body-small: 1rem;
  /* 16px - 기본 본문 !!!!*/
  --pc-fs-body-xsmall: 0.938rem;
  /* 15px-- 보조 텍스트 */
  --pc-fs-body-xxsmall: 0.813rem;
  /* 13px - 작은 텍스트 */

  /* ━━━ Label (버튼/폼/UI) - 4단계 ━━━ */
  --pc-fs-label-large: 1.125rem;
  /* 18px - 큰 버튼 */
  --pc-fs-label-medium: 1rem;
  /* 16px - 기본 버튼 !!!! */
  --pc-fs-label-small: 0.875rem;
  /* 14px - 작은 버튼, 태그 */
  --pc-fs-label-xsmall: 0.813rem;
  /* 13px */

  /* ━━━ Caption (주석/메타) - 2단계 ━━━ */
  --pc-fs-caption-medium: 0.875rem;
  /* 14px - 기본 캡션 */
  --pc-fs-caption-small: 0.75rem;
  /* 12px - 작은 캡션, 법적 고지 */

  /* ━━━ Navigation (선택적) - 3단계 ━━━ */
  --pc-fs-navigation-title: 1.25rem;
  /* 20px - GNB 타이틀 */
  --pc-fs-navigation-item: 1.125rem;
  /* 18px - 메뉴 아이템 */
  --pc-fs-navigation-sub: 1rem;
  /* 16px - 서브 메뉴 */

  /* Layout Gap (기존 유지) */
  --pc-gap-header-breadcrumb: var(--number-10);
  --pc-gap-left-contents: var(--number-18);
  --pc-gap-contents-right: var(--number-14);
  --pc-gap-h1-h2: var(--number-16);
  --pc-gap-h2-h2: var(--number-20);
  --pc-gap-h2-h3: var(--number-11);
  --pc-gap-h3-h3: var(--number-18);
  --pc-gap-h3-h4: var(--number-10);
  --pc-gap-h4-h4: var(--number-14);
  --pc-gap-h4-h5: var(--number-8);
  --pc-gap-h5-h5: var(--number-12);
  --pc-gap-title-body-xsmall: var(--number-6);
  --pc-gap-title-body-small: var(--number-8);
  --pc-gap-title-body-medium: var(--number-9);
  --pc-gap-title-body-large: var(--number-10);
  --pc-gap-breadcrumb-h1: var(--number-11);
  --pc-gap-breadcrumb-h2: var(--number-6);
  --pc-gap-contents-footer: var(--number-14);
  --pc-gap-text-text-large: var(--number-9);
  --pc-gap-text-text-medium: var(--number-8);
  --pc-gap-text-text-small: var(--number-7);
  --pc-gap-image-text-small: var(--number-9);
  --pc-gap-image-text-medium: var(--number-10);
  --pc-gap-image-text-large: var(--number-12);

  /* Padding (기존 유지) */
  --pc-padding-card-large: var(--number-14);
  --pc-padding-card-medium: var(--number-12);
  --pc-padding-card-small: var(--number-10);
  --pc-padding-card-xsmall: var(--number-8);

  /* ** RESPONSIVE-MOBILE ** */
  /* 16px 기준, 가독성 최적화 */

  /* Display (히어로/랜딩) */
  --mobile-fs-display-large: 2.5rem;
  /* 40px */
  --mobile-fs-display-medium: 2rem;
  /* 32px */
  --mobile-fs-display-small: 1.75rem;
  /* 28px */

  /* Heading (제목 h1~h5) */
  --mobile-fs-heading-xlarge: 1.5rem;
  /* 24px - h1 */
  --mobile-fs-heading-large: 1.375rem;
  /* 22px - h2 */
  --mobile-fs-heading-medium: 1.25rem;
  /* 20px - h3 */
  --mobile-fs-heading-small: 1.125rem;
  /* 18px - h4 */
  --mobile-fs-heading-xsmall: 1rem;
  /* 16px - h5 */

  /* Body (본문) */
  --mobile-fs-body-large: 1.125rem;
  /* 18px - 강조 */
  --mobile-fs-body-medium: 1rem;
  /* 16px - 기본  */
  --mobile-fs-body-small: 0.875rem;
  /* 14px - 작게 */
  --mobile-fs-body-xsmall: 0.813rem;
  /* 13px -  */
  --mobile-fs-body-xxsmall: 0.688rem;
  /* 11px - 최소 */

  /* Label (버튼/폼/UI) */
  --mobile-fs-label-large: 1rem;
  /* 16px - 큰 버튼 */
  --mobile-fs-label-medium: 0.875rem;
  /* 14px - 기본 버튼  */
  --mobile-fs-label-small: 0.75rem;
  /* 12px - 태그/뱃지 */

  /* Caption (주석/메타) */
  --mobile-fs-caption-medium: 0.75rem;
  /* 12px - 기본 */
  --mobile-fs-caption-small: 0.688rem;
  /* 11px - 최소 */

  /* Navigation (선택적) */
  --mobile-fs-navigation-title: 1.125rem;
  /* 18px */
  --mobile-fs-navigation-item: 1rem;
  /* 16px */
  --mobile-fs-navigation-sub: 0.875rem;
  /* 14px */

  /* Layout Gap  */
  --mobile-gap-header-breadcrumb: var(--number-5);
  --mobile-gap-left-contents: 0rem;
  --mobile-gap-contents-right: 0rem;
  --mobile-gap-h1-h2: var(--number-13);
  --mobile-gap-h2-h2: var(--number-10);
  --mobile-gap-h2-h3: var(--number-9);
  --mobile-gap-h3-h3: var(--number-8);
  --mobile-gap-h3-h4: var(--number-7);
  --mobile-gap-h4-h4: var(--number-6);
  --mobile-gap-h4-h5: var(--number-5);
  --mobile-gap-h5-h5: var(--number-4);
  --mobile-gap-title-body-small: var(--number-5);
  --mobile-gap-title-body-medium: var(--number-7);
  --mobile-gap-title-body-large: var(--number-6);
  --mobile-gap-breadcrumb-h1: var(--number-7);
  --mobile-gap-breadcrumb-h2: var(--number-6);
  --mobile-gap-contents-footer: var(--number-9);
  --mobile-gap-text-text-large: var(--number-8);
  --mobile-gap-text-text-medium: var(--number-7);
  --mobile-gap-text-text-small: var(--number-6);
  --mobile-gap-image-text-small: var(--number-8);
  --mobile-gap-image-text-medium: var(--number-9);
  --mobile-gap-image-text-large: var(--number-10);

  /* Padding */
  --mobile-padding-card-large: var(--number-10);
  --mobile-padding-card-medium: var(--number-10);
  --mobile-padding-card-small: var(--number-9);
  --mobile-padding-card-xsmall: var(--number-7);

  /* **** 색상 **** */
  --primary-0: #f8f9fd;
  --primary-5: #ecf2fe;
  --primary-10: #d8e5fd;
  --primary-15: #F7F9FE;
  --primary-20: #b1cefb;
  --primary-30: #86aff9;
  --primary-40: #4c87f6;
  --primary-45: #235dc6;
  /* 추가 */
  --primary-50: #226cfe;
  --primary-60: #0045c9;
  --primary-70: #144eb5;
  --primary-75: #103d98;
  --primary-80: #11357c;
  --primary-90: #03163a;
  --primary-95: #020f27;

  --secondary-5: #eef2f7;
  --secondary-10: #f9fcff;
  --secondary-15: #F4F9FF;
  --secondary-25: #F3FBFD;
  /* 추가 */
  --secondary-20: #bacbde;
  --secondary-25: #F3FBFD;
  /* 추가 */
  --secondary-30: #afcfff;
  --secondary-35: #F9F7FE;
  /* 추가 */
  --secondary-40: #0b62ad;
  --secondary-50: #2052b5;
  --secondary-60: #11357c;
  --secondary-70: #063054;
  --secondary-80: #052b57;
  --secondary-90: #031f3f;
  --secondary-95: #02162c;
  --gray-0: #ffffff;
  --gray-5: #f4f5f6;
  --gray-10: #f8f8f8;
  --gray-15: #e3e5e8;
  --gray-20: #e9e9e9;
  --gray-25: #d2d2d2;
  --gray-30: #b1b8be;
  --gray-40: #717171;
  --gray-50: #666666;
  --gray-60: #555555;
  --gray-70: #464c53;
  --gray-80: #333333;
  --gray-90: #2c2b2b;
  --gray-95: #111111;
  --gray-100: #000000;

  --black-30: #4d4d4d;
  --black-10: #999999;

  --danger-5: #fdefec;
  --danger-10: #fcdfd9;
  --danger-20: #f7afa1;
  --danger-30: #f48771;
  --danger-40: #f05f42;
  --danger-50: #de3412;
  --danger-60: #bd2c0f;
  --danger-70: #8a240f;
  --danger-80: #5c180a;
  --danger-90: #390d05;
  --danger-95: #260903;
  --information-5: #f5f9fd;
  --information-10: #e9f0ff;
  --information-20: #9ed2fa;
  --information-30: #5fb5f7;
  --information-40: #2098f3;
  --information-50: #0b78cb;
  --information-60: #1f53cc;
  --information-70: #085691;
  --information-80: #053961;
  --information-90: #133856;
  --information-95: #063054;
  --warning-5: #fff3db;
  --warning-10: #ffffca;
  --warning-20: #ffc95c;
  --warning-30: #ffb114;
  --warning-40: #c78500;
  --warning-50: #9e6a00;
  --warning-60: #8a5c00;
  --warning-70: #614100;
  --warning-80: #422c00;
  --warning-90: #2e1f00;
  --warning-95: #241800;
  --success-5: #eaf6ec;
  --success-10: #eef7f0;
  --success-15: #d8eedd;
  --success-20: #a9dab4;
  --success-30: #7ec88e;
  --success-40: #3fa654;
  --success-50: #228738;
  --success-55: #006e18;
  --success-60: #267337;
  --success-70: #285d33;
  --success-80: #1f4727;
  --success-90: #122b18;
  --success-95: #0e2012;
  --point-5: #fbeff0;
  --point-10: #f5d6d9;
  --point-20: #ebadb2;
  --point-30: #e0858c;
  --point-40: #d65c66;
  --point-50: #d63d4a;
  --point-60: #ab2b36;
  --point-70: #7a1f26;
  --point-80: #521419;
  --point-90: #310c0f;
  --point-95: #21080a;
  --graphic-10: #e5ecf9;
  --graphic-30: #98acc5;
  --graphic-50: #61758f;
  --graphic-55: #4065DA;
  --graphic-60: #365EDD;
  --graphic-65: #0daa8f;
  --graphic-85: #007762;
  --graphic-75: #DD496B;
  --graphic-80: #D7113E;
  --graphic-95: #7356f8;



  /* 추가 */
  --graphic-70: #39506c;
  --graphic-90: #223a58;
  --alpha-black100: #000000;
  --alpha-black75: #000000bf;
  --alpha-black50: #00000080;
  --alpha-black25: #00000040;
  --alpha-black10: #0000001a;
  --alpha-black0: #00000000;
  --alpha-white100: #ffffff;
  --alpha-white75: #ffffffbf;
  --alpha-white50: #ffffff80;
  --alpha-white25: #ffffff40;
  --alpha-white10: #ffffff1a;
  --alpha-white0: #ffffff00;

  --card-color-blue: #f2f6ff;
  --card-btn-blue: #3C5BC5;

  --card-color-yellow: #FFF6E3;
  --card-btn-yellow: #CA4E01;

  --card-color-green: #E9F5F0;
  --card-btn-green: #007762;

  --card-color-purple: #F6F2FF;
  --card-btn-purple: #7A4FD4;

  --join-mem-btn10: #E6EFFE;
  --join-mem-btn20: #5798FF;
  --join-mem-btn30: #0B4AD0;



  /* ** MODE-LIGHT ** */
  --surface-gray-primary: var(--gray-5);
  --surface-gray-subtler: var(--gray-10);
  --surface-gray-subtle: var(--gray-15);
  --surface-disabled: var(--gray-20);
  --surface-primary-subtler: var(--primary-5);
  --surface-secondary-subtler: var(--secondary-5);
  --surface-danger-subtler: var(--danger-5);
  --surface-warning-subtler: var(--warning-5);
  --surface-success-subtler: var(--success-5);
  --surface-information-subtler: var(--information-5);
  --surface-point-subtler: var(--point-5);
  --surface-white: var(--gray-0);
  --surface-inverse: var(--gray-90);
  --surface-white-static: var(--gray-0);
  --surface-inverse-static: var(--gray-90);
  --border-gray-light: var(--gray-15);
  --border-gray: var(--gray-20);
  --border-secondary-light: var(--secondary-10);
  --border-danger-light: var(--danger-10);
  --border-danger: var(--danger-50);
  --border-warning-light: var(--warning-10);
  --border-warning: var(--warning-50);
  --border-success-light: var(--success-15);
  --border-success: var(--success-50);
  --border-information-light: var(--information-10);
  --border-information: var(--information-50);
  --border-gray-dark: var(--gray-60);
  --border-primary: var(--primary-50);
  --border-disabled: var(--gray-30);
  --border-gray-darker: var(--gray-90);
  --border-secondary: var(--secondary-60);
  --border-inverse: var(--gray-0);
  --border-transparency: var(--alpha-black0);
  --border-primary-light: var(--primary-10);
  --border-point: var(--point-50);
  --border-point-light: var(--point-10);
  --divider-gray-light: var(--gray-25);
  --divider-gray-regular: var(--gray-30);
  --border-gray-regular: var(--gray-30);
  --divider-gray: var(--gray-40);
  --divider-gray-dark: var(--gray-80);
  --divider-primary: var(--primary-50);
  --divider-secondary-light: var(--secondary-10);
  --divider-secondary: var(--secondary-70);
  --divider-error: var(--danger-50);
  --divider-primary-light: var(--primary-10);
  --divider-inverse: var(--gray-0);
  --divider-gray-darker: var(--gray-90);
  --divider-point: var(--point-50);
  --text-bolder: var(--gray-95);
  --text-subtle: var(--gray-70);
  --text-alt: var(--gray-60);
  --text-muted: var(--gray-50);
  --text-sub: var(--gray-40);
  --text-disabled: var(--gray-50);
  --text-disabled-on: var(--gray-40);
  --text-primary: var(--primary-60);
  --text-secondary: var(--secondary-80);
  --text-danger: var(--danger-60);
  --text-warning: var(--warning-60);
  --text-success: var(--success-55);
  --text-information: var(--information-60);
  --text-basic: var(--gray-80);
  --text-point: var(--point-60);
  --text-bolder-inverse: var(--gray-0);
  --text-basic-inverse: var(--gray-0);
  --text-subtle-inverse: var(--gray-30);
  --text-inverse-static: var(--gray-0);
  --text-static: var(--gray-90);
  --icon-gray: var(--gray-80);
  --icon-gray-fill: var(--gray-20);
  --icon-inverse: var(--gray-0);
  --icon-primary: var(--primary-50);
  --icon-secondary: var(--secondary-80);
  --icon-point: var(--point-50);
  --icon-danger: var(--danger-50);
  --icon-warning: var(--warning-50);
  --icon-success: var(--success-50);
  --icon-information: var(--information-50);
  --icon-gray-light: var(--gray-70);
  --icon-disabled: var(--gray-40);
  --icon-disabled-on: var(--gray-50);
  --icon-inverse-static: var(--gray-0);
  --icon-primary-static: var(--primary-50);
  --icon-secondary-static: var(--secondary-80);
  --icon-point-static: var(--point-50);
  --icon-danger-static: var(--danger-50);
  --icon-warning-static: var(--warning-50);
  --icon-success-static: var(--success-50);
  --icon-information-static: var(--information-50);
  --icon-gray-static: var(--gray-80);
  --link-default: var(--primary-50);
  --link-hover: var(--primary-60);
  --link-pressed: var(--primary-70);
  --link-visited: #5917b8;
  /* 공통 Disabled */
  --button-disabled-fill: var(--gray-20);
  --button-disabled-border: var(--gray-30);
  --button-disabled-text-on: var(--text-disabled-on);
  --button-disabled-text: var(--text-disabled);
  /* Primary (실색) */
  --button-primary-fill: var(--primary-50);
  --button-primary-fill-hover: var(--primary-60);
  --button-primary-fill-pressed: var(--primary-70);
  --button-primary-border: var(--primary-50);
  --button-primary-text: var(--text-inverse-static);
  /* Secondary (실색) */
  --button-secondary-fill: var(--secondary-50);
  --button-secondary-fill-hover: var(--secondary-60);
  --button-secondary-fill-pressed: var(--secondary-60);
  --button-secondary-border: var(--secondary-60);
  --button-secondary-text: var(--gray-0);
  /* Tertiary (회색 실색: '배경이 있는 회색 버전') */
  --button-tertiary-fill: var(--gray-10);
  --button-tertiary-fill-hover: var(--element-gray-light);
  --button-tertiary-fill-pressed: var(--gray-20);
  --button-tertiary-border: var(--gray-30);
  --button-tertiary-text: var(--gray-50);
  /* Text / Link (배경 없음 - 참고: 기존 체계 유지) */
  --button-text-fill: var(--alpha-white0);
  --button-text-fill-hover: var(--secondary-5);
  --button-text-fill-pressed: var(--secondary-10);
  --button-text-border: var(--alpha-black0);
  /* link 색상은 링크 토큰 사용 */
  --button-link-text: var(--link-default);
  /* Outline - Primary */
  --button-outline-primary-fill: var(--alpha-white0);
  /* 투명 */
  --button-outline-primary-border: var(--primary-70);
  --button-outline-primary-text: var(--primary-60);
  --button-outline-primary-fill-hover: #f5f8ff;
  --button-outline-primary-fill-pressed: #e3ebff;
  /* Outline - Primary2 (연파란 배경형 라인 버튼) */
  --button-outline-primary2-fill: var(--secondary-10);
  --button-outline-primary2-border: var(--secondary-30);
  --button-outline-primary2-text: var(--primary-50);
  --button-outline-primary2-fill-hover: var(--primary-0);
  --button-outline-primary2-border-hover: var(--secondary-30);
  --button-outline-primary2-text-hover: var(--primary-70);
  --button-outline-primary2-fill-pressed: var(--secondary-20);
  --button-outline-primary2-border-pressed: var(--secondary-30);
  --button-outline-primary2-text-pressed: var(--primary-70);
  --button-outline-primary2-fill-disabled: var(--button-outline-fill-disabled);
  --button-outline-primary2-border-disabled: var(--button-disabled-border);
  --button-outline-primary2-text-disabled: var(--button-outline-text-disabled);
  /* Outline - Secondary */
  --button-outline-secondary-fill: var(--alpha-white0);
  --button-outline-secondary-border: var(--secondary-60);
  --button-outline-secondary-text: var(--secondary-60);
  --button-outline-secondary-fill-hover: var(--secondary-10);
  --button-outline-secondary-fill-pressed: var(--secondary-20);
  /* Outline - Tertiary (회색 라인: '배경 없는 회색 버전') */
  --button-outline-tertiary-fill: var(--alpha-white0);
  --button-outline-tertiary-border: var(--gray-30);
  --button-outline-tertiary-text: var(--gray-50);
  --button-outline-tertiary-fill-hover: var(--gray-10);
  --button-outline-tertiary-fill-pressed: var(--element-gray-light);
  /* Disabled (Outline 공통) */
  --button-outline-fill-disabled: var(--gray-10);
  --button-outline-text-disabled: var(--gray-40);
  --background-white: var(--gray-0);
  --background-inverse: var(--gray-90);
  --background-gray-subtler: var(--gray-5);
  --background-gray-subtle: var(--gray-10);
  --background-dim: var(--alpha-black75);
  --element-disabled-light: var(--gray-20);
  --element-disabled-dark: var(--gray-40);
  --element-gray-lighter: var(--gray-5);
  --element-gray-light: var(--gray-15);
  --element-gray: var(--gray-50);
  --element-primary-lighter: var(--primary-5);
  --element-primary-light: var(--primary-10);
  --element-primary: var(--primary-50);
  --element-secondary-lighter: var(--secondary-5);
  --element-secondary-light: var(--secondary-10);
  --element-secondary: var(--secondary-70);
  --element-point-lighter: var(--point-5);
  --element-point-light: var(--point-10);
  --element-point: var(--point-50);
  --element-danger-lighter: var(--danger-5);
  --element-danger: var(--danger-50);
  --element-warning-lighter: var(--warning-5);
  --element-warning: var(--warning-50);
  --element-success-lighter: var(--success-5);
  --element-success: var(--success-50);
  --element-information-lighter: var(--information-5);
  --element-information: var(--information-50);
  --element-information-darker: var(--information-95);
  --element-inverse: var(--gray-0);
  --element-gray-dark: var(--gray-60);
  --element-inverse-static: var(--gray-0);
  --action-white: var(--gray-0);
  --action-primary: var(--alpha-white0);
  --action-primary-hover: var(--primary-5);
  --action-primary-pressed: var(--primary-10);
  --action-secondary: var(--alpha-white0);
  --action-secondary-hover: var(--secondary-5);
  --action-secondary-pressed: var(--secondary-10);
  --action-secondary-selected: var(--secondary-5);
  --action-secondary-on: var(--alpha-white0);
  --action-secondary-on-hover: var(--gray-0);
  --action-secondary-on-pressed: var(--secondary-10);
  --action-secondary-on-selected: var(--gray-0);
  --action-secondary-active: var(--secondary-70);
  --action-primary-active: var(--primary-50);
  --action-disabled: var(--gray-20);
  --action-primary-selected: var(--primary-5);
  --input-border: var(--gray-60);
  --input-border-disabled: var(--gray-30);
  --input-border-active: var(--primary-50);
  --input-border-error: var(--danger-50);
  --input-surface: var(--gray-0);
  --input-surface-disabled: var(--gray-20);

  --alpha-base100: var(--alpha-white100);
  --alpha-base50: var(--alpha-white50);
  --alpha-base25: var(--alpha-white25);
  --alpha-base0: var(--alpha-white0);
  --alpha-inverse100: var(--alpha-black100);
  --alpha-inverse50: var(--alpha-black50);
  --alpha-inverse25: var(--alpha-black25);
  --alpha-inverse0: var(--alpha-black0);
  --alpha-base75: var(--alpha-white75);
  --alpha-inverse75: var(--alpha-black75);
  --alpha-inverse10: var(--alpha-black10);
  --alpha-base10: var(--alpha-white10);
  --alpha-shadow1: #0000000d;
  --alpha-shadow2: #00000014;
  --alpha-shadow3: #0000001f;

  --card-background-color: var(--secondary-15);
  --text-point-color: var(--primary-45);
  --text-first-point: var(--black-30);
}