/* 여행사 사이트 팔레트
   출처: docs/prototype/extracted/agency/markup.html + logic.js

   출장자/출장관리자 프로토타입과 달리 이 프로토타입은 :root 오버라이드 없이 hex를 직접 쓴다.
   아래 값은 프로토타입의 실제 사용 문맥(color / background / border 별 출현 빈도)을 근거로
   M3 역할에 매핑한 것이다. BTMS-UI-102 재대조: primary CTA(로그인·저장 버튼)는 #3f3f46(background 68회),
   #5b6cb0 은 링크·강조 텍스트(color 73회)와 보조 CTA(background 17회)라 secondary 로 옮겼다. */

:root {
  /* primary: #3f3f46 (background 68회 — 로그인/저장/조회 버튼, color 43회) */
  --md-sys-color-primary: #3f3f46;
  --md-sys-color-on-primary: #ffffff;
  --md-sys-color-primary-container: #eef0fa;
  --md-sys-color-on-primary-container: #3a3f5c;
  --md-sys-color-inverse-primary: #7c84b5;

  /* secondary: #5b6cb0 (color 73회 — 링크/강조, background 17회 — 보조 CTA/뱃지) */
  --md-sys-color-secondary: #5b6cb0;
  --md-sys-color-on-secondary: #ffffff;
  --md-sys-color-secondary-container: #eef0fa;
  --md-sys-color-on-secondary-container: #3a3f5c;

  --md-sys-color-tertiary: #2f7a4d;
  --md-sys-color-on-tertiary: #ffffff;
  --md-sys-color-tertiary-container: #e3f3ea;
  --md-sys-color-on-tertiary-container: #2f7a4d;

  --md-sys-color-error: #b4453c;
  --md-sys-color-on-error: #ffffff;
  --md-sys-color-error-container: #fbeeec;
  --md-sys-color-on-error-container: #b4453c;

  /* body 배경은 #f4f4f6 */
  --md-sys-color-background: #f4f4f6;
  /* 로그인/비밀번호 찾기 화면 배경 (프로토타입 isLogin/isFindPw) */
  --btms-auth-bg: #e7e6e1;
  --md-sys-color-on-background: #27272a;
  --md-sys-color-surface: #ffffff;
  --md-sys-color-on-surface: #27272a;
  --md-sys-color-surface-variant: #ececf0;
  --md-sys-color-on-surface-variant: #52525b;
  --md-sys-color-surface-tint: #3f3f46;
  /* 토스트 배경 #27272a (background 5회) */
  --md-sys-color-inverse-surface: #27272a;
  --md-sys-color-inverse-on-surface: #ffffff;

  --md-sys-color-surface-dim: #d4d4d8;
  --md-sys-color-surface-bright: #ffffff;
  --md-sys-color-surface-container-lowest: #ffffff;
  --md-sys-color-surface-container-low: #fafafb;
  --md-sys-color-surface-container: #f7f7f9;
  --md-sys-color-surface-container-high: #f1f1f4;
  --md-sys-color-surface-container-highest: #ececf0;

  /* border 사용 빈도: #d4d4d8 162회, #ececf0 166회 */
  --md-sys-color-outline: #d4d4d8;
  --md-sys-color-outline-variant: #ececf0;

  --btms-color-success: #2f7a4d;
  --btms-color-success-container: #e3f3ea;
  --btms-color-success-outline: #c5e3d1;
  --btms-color-error-outline: #e4b3ad;

  /* M3 색 역할에 대응 슬롯이 없는 보조 텍스트/경계 단계.
     프로토타입에서 #82828a 211회, #9a9aa2 209회, #c7c7ce 43회 사용된다. */
  --btms-color-text-muted: #82828a;
  --btms-color-text-subtle: #9a9aa2;
  --btms-color-outline-strong: #c7c7ce;
  --btms-color-primary-outline: #cdd4f2;

  /* 프로토타입: font-family:Pretendard,sans-serif — fonts.css 가 static 빌드를 self-host 한다. */
  --btms-font-family: Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* 로고(MUSTGO gif) + "BTMS" — 프로토타입 사이드바: img 20px, gap 7px, 800 13px -.01em #5b6cb0.
     로그인: img 30px, gap 9px, 800 20px. */
  --btms-brand-logo-h: 20px;
  --btms-brand-gap: 7px;
  --btms-brand-text-size: 13px;
  --btms-brand-text-weight: 800;
  --btms-brand-tracking: -.01em;
  --btms-brand-text-color: #5b6cb0;
  --btms-auth-brand-logo-h: 30px;
  --btms-auth-brand-gap: 9px;
  --btms-auth-brand-text-size: 20px;
}