/* =========================================================
   브랜드 레이어 — 컬러 (brand.js와 한 쌍)
   - 다른 브랜드: 이 파일의 값만 바꾸면 됨. 테마는 <html data-theme="...">로 전환
   - 테마 이름(navy/green)과 라벨은 brand.js의 themes와 맞춘다
   ========================================================= */

:root,
[data-theme="navy"] {
  /* ---- Color : A안 Trust Navy ---- */
  --c-primary: #1B4DFF;
  --c-primary-dark: #0B2A8A;
  --c-primary-press: #1640D6;
  --c-primary-soft: #EBF0FF;
  --c-primary-softer: #F4F7FF;
  --c-secondary: #16B39A;
  --c-secondary-text: #0E8573;   /* 흰 배경 위 텍스트용(AA) */
  --c-secondary-soft: #E3F7F3;
  --c-accent: #FFB547;
  --c-accent-soft: #FFF4E0;
  --c-bg: #F2F4F6;
  --c-surface: #FFFFFF;
  --c-surface-2: #F9FAFC;
  --c-text: #191F28;
  --c-sub: #4E5968;
  --c-hint: #8B95A1;
  --c-line: #E5E8EB;
  --c-line-strong: #D1D6DB;
  --c-error: #E5484D;
  --c-error-soft: #FDECEC;
  --c-on-primary: #FFFFFF;
  --c-brand-dot: #F5B700;      /* 로고 점: 햇살 노랑 (v1.0 로고) */
  --wm-ink: #2B2B2B;           /* 로고 글자: 먹색 */
  --c-footer-bg: #F2F4F6;
  --c-bg-glass: rgba(245,247,251,.94);

  /* 히어로 슬라이드 배경 */
  --hero-1: linear-gradient(160deg, #EAF0FF 0%, #F6F8FF 55%, #FFFFFF 100%);
  --hero-2: linear-gradient(160deg, #E4F7F3 0%, #F4FBF9 55%, #FFFFFF 100%);
  --hero-3: linear-gradient(160deg, #FFF3DE 0%, #FFF9EF 55%, #FFFFFF 100%);
}

[data-theme="green"] {
  /* ---- Color : B안 Fresh Green ---- */
  --c-primary: #0E9F6E;
  --c-primary-dark: #05603A;
  --c-primary-press: #0B8A5F;
  --c-primary-soft: #E3F5EE;
  --c-primary-softer: #F1FAF6;
  --c-secondary: #2F6FED;
  --c-secondary-text: #2F6FED;
  --c-secondary-soft: #E8F0FE;
  --c-accent: #FFCF5C;
  --c-accent-soft: #FFF7E1;
  --c-bg: #F1F5F3;
  --c-surface: #FFFFFF;
  --c-surface-2: #F8FBF9;
  --c-text: #1A2421;
  --c-sub: #4B5A55;
  --c-hint: #8A9993;
  --c-line: #E2E9E5;
  --c-line-strong: #CCD8D2;
  --c-error: #D64545;
  --c-error-soft: #FBEBEB;
  --c-on-primary: #FFFFFF;
  --c-brand-dot: #F5B700;
  --wm-ink: #2B2B2B;
  --c-footer-bg: #EEF3F0;
  --c-bg-glass: rgba(244,248,246,.94);

  --hero-1: linear-gradient(160deg, #E0F5EC 0%, #F2FAF6 55%, #FFFFFF 100%);
  --hero-2: linear-gradient(160deg, #E8F0FE 0%, #F4F8FF 55%, #FFFFFF 100%);
  --hero-3: linear-gradient(160deg, #FFF5D9 0%, #FFFAEC 55%, #FFFFFF 100%);
}


/* ---- 로고 v2 말풍선 (brand.js BRAND.wordmark.svg) — 원본·가이드: brand/maseongsa/ ---- */
.wm__svg { display: block; height: 1.7em; width: auto; aspect-ratio: 418 / 212; overflow: visible; }
.wm__svg .wm__bubble { fill: var(--wm-bg, #FFFFFF); stroke-width: 12; }
.wm__svg .wm__dot { fill: none; stroke: var(--c-brand-dot); stroke-width: 13; transform-box: fill-box; transform-origin: center; }
#brandWm { --wm-ink: #FFFFFF; --wm-bg: transparent; }   /* index.html 어두운 헤더 → 흰 선·투명 바탕 */