/* ============================================================
   NEXTM UX Center — BRAND OVERLAYS
   코어(system/tokens.css)를 먼저 로드한 뒤 이 파일을 로드.
   <html data-brand="..."> 로 색 정체성만 전환. 코어(타입/간격/radius/모션)는 공유.

   사용:
     <link rel="stylesheet" href=".../system/tokens.css">
     <link rel="stylesheet" href=".../brands/brands.css">
     <html data-brand="nx-mobile"> ...

   범위 = NEXTM 계열 브랜드만. GLOCALNET 브랜드(esim-portal / achikochi /
   glocal-b2b / skyblue)는 2026-07-28 리소스 분리로 이 파일에서 제외했다 —
   그쪽은 GLOCALNET(CODEX 관할)의 ux-center 소관이다.
   ============================================================ */

/* ---------- NEXTM 커머스 계열 ---------- */

/* NX MOBILE (esim-shop.kr / SKT eSIM 해외직판) — 기존 CI 보라 #6C4DF6 */
[data-brand="nx-mobile"] {
  --accent: #6C4DF6;  --accent-600: #5A3EE0;  --accent-700: #4A32C0;
  --accent-tint: #F0EDFF;  --accent-ring: rgba(108,77,246,0.28);  --accent-contrast: #FFFFFF;

  /* [브랜드 예외] 라이트 히어로. PRINCIPLES 의 "다크 히어로 = 기본 히어로 패턴"을
     이 브랜드에서만 뒤집는다 — 되돌리지 말 것.
     근거: esim-shop.kr 은 일본 소비자向 직판이고, 그 시장의 통신/EC 지면에서
     다크는 "説明不足·불친절"로 읽힌다. 동일 카테고리 경쟁사(esim-san.jp 등
     한국 eSIM 일본 판매)를 실물 확인한 결과 다크 밴드가 한 곳도 없었다.
     2026-07-27 ma2414 확정("너무 어두워요" -> 라이트 전환).
     종결감은 다크 밴드 대신 accent 밴드(최종 CTA)로 준다. */
  --hero-bg: var(--paper);  --hero-bg-2: var(--accent-tint);
  --hero-text: var(--ink-900);  --hero-muted: var(--ink-500);
  --hero-line:        color-mix(in srgb, var(--ink-900) 10%, transparent);
  --hero-line-strong: color-mix(in srgb, var(--ink-900) 18%, transparent);
  --hero-fill:        color-mix(in srgb, var(--ink-900)  3%, transparent);
  --hero-fill-strong: color-mix(in srgb, var(--ink-900)  6%, transparent);
}

/* ---------- NEXT GROUP 5사이트 ----------
   색 정본 = `nextm/shared/next-group-brand/tokens.css` (핸드오프 v2, 2026-07-28 이관 완료).
   여기서는 UX 센터 코어 위에서 그 accent 만 재현(참조용). 정식 작업 시 원본 tokens.css 편입.
   navy #051546(primary) / blue #2E6BFF(link) — NEXT GROUP 전용 팔레트.
   accent 는 보조 용도만 — 로고·헤드라인에 쓰지 않는다(BRAND_SPEC).
   [주의] 아래 값과 정본이 어긋나면 next-group-brand/tokens.css 를 따른다. */
[data-brand="nxt-m"]      { --accent: #F7941D; --accent-600:#D97D12; --accent-700:#B5680E; --accent-tint:#FEF1E1; --accent-ring:rgba(247,148,29,0.28); --accent-contrast:#FFFFFF; }
[data-brand="nx-connect"] { --accent: #00C2FF; --accent-600:#00A6DB; --accent-700:#0088B4; --accent-tint:#E0F7FF; --accent-ring:rgba(0,194,255,0.28); --accent-contrast:#052235; }
[data-brand="nxt-rental"] { --accent: #8CC63F; --accent-600:#76A934; --accent-700:#5F8A2A; --accent-tint:#F0F8E4; --accent-ring:rgba(140,198,63,0.28); --accent-contrast:#0F1F05; }
[data-brand="mobile-jp"]  { --accent: #E5484D; --accent-600:#C93A3F; --accent-700:#A72E32; --accent-tint:#FDECEC; --accent-ring:rgba(229,72,77,0.28); --accent-contrast:#FFFFFF; }

/* ---------- NEXT SQUARE (next-square.com) — 편집 미디어 (株式会社モバイルコネクト 운영) ----------
   설계 정본(docs/affiliate-media/DESIGN-2026-09-08.md §4-2)이 "NEXT GROUP 브랜드가 아니라 편집
   매체로 보이는 것이 맞다"고 정했으므로 NEXT GROUP 팔레트를 쓰지 않는다.
   [확정 2026-09-14 ma2414] accent = navy #1F4B8E 그대로. 골격(next-square 226f44c)이 이미 라이브에
   쓰던 색을 이어받은 것이다.
   [주의 — 아래 방향과의 긴장] "NEXT GROUP 브랜드가 아니라 편집 매체로 보이는 것이 맞다"는 원 설계
   방침(팔레트는 유지)과 달리, 로고 마크는 같은 날 NEXT GROUP 심볼로 확정됐다(Logo.astro 참조) —
   팔레트는 독립을 유지하되 마크는 그룹 소속을 드러내는 절충이다. 의도된 결정이다.
   [브랜드 예외] 라이트 히어로. 근거 = 일본 통신 비교·정보 미디어 벤치마크(モバレコ·SIMチェンジ·
   価格.com モバイル·ITmedia Mobile·マイナビニュース, 2026-09-08 gmn 조사): 다크 히어로가 한 곳도
   없고 화이트+오프화이트 섹션 구분이 지배적 — nx-mobile 과 같은 시장 근거라 같은 방식으로 뒤집는다.
   종결감은 푸터의 navy 밴드(--accent-700)가 준다. */
[data-brand="next-square"] {
  --accent: #1F4B8E;  --accent-600: #193F79;  --accent-700: #14325F;
  --accent-tint: #EAF0F9;  --accent-ring: rgba(31,75,142,0.28);  --accent-contrast: #FFFFFF;
  --hero-bg: var(--paper);  --hero-bg-2: var(--accent-tint);
  --hero-text: var(--ink-900);  --hero-muted: var(--ink-500);
  --hero-line:        color-mix(in srgb, var(--ink-900) 10%, transparent);
  --hero-line-strong: color-mix(in srgb, var(--ink-900) 18%, transparent);
  --hero-fill:        color-mix(in srgb, var(--ink-900)  3%, transparent);
  --hero-fill-strong: color-mix(in srgb, var(--ink-900)  6%, transparent);
  /* 분야 틴트(2026-09-08 v2 "활동적인 미디어" — ma2414). 사진이 없는 미디어라 분야별 저채도 틴트 커버로
     지면에 리듬을 준다. 글자·아이콘은 각 틴트의 deep 값 하나뿐이고 채도는 전부 낮다(DON'T #3 의 취지 =
     채도 높은 색 남발 금지 — 여기 6종은 파스텔 배경이지 accent 가 아니다). 텍스트 accent 는 여전히 navy 하나. */
  --tone-esim-bg: #DCEBFF;   --tone-esim-ink: #1F4B8E;
  --tone-wifi-bg: #DAF3EA;   --tone-wifi-ink: #0F5C48;
  --tone-travel-bg: #FFEFD2; --tone-travel-ink: #7A4B00;
  --tone-mvno-bg: #E9E4FF;   --tone-mvno-ink: #46318F;
  --tone-hikari-bg: #FDE4E8; --tone-hikari-ink: #8A2A3A;
  --tone-corp-bg: #E4EAF2;   --tone-corp-ink: #2B3A55;
  --tone-slate-bg: var(--ink-50); --tone-slate-ink: var(--ink-700);
}

/* ---------- 나라 테마 오버레이(data-theme) — 행선지 판매면 ----------
   브랜드(data-brand)는 그대로 두고 그 위에 한 겹 얹는다: <html data-brand="nx-mobile" data-theme="hawaii">.
   브랜드 블록이 color-mix(var(--ink-900)) 로 정의한 히어로 선·면 토큰은 아래 중립 램프를 자동으로 따라온다.
   여기에는 색 정체성(accent·보조색·중립 램프·면)만 둔다 — 그림자·문양(青海波)·히어로 처리는 소비처 CSS 몫이다.
   행선지 LP 는 브랜드 accent 그대로면 「분위기가 전혀 안 난다」(ma2414 10-20, TSK-555) — 새 나라를 열 때 여기 한 블록을 더한다. */

/* ハワイ(esim-store.net /us/hawaii/) — lagoon + sun. [확정 2026-10-20 ma2414 「확정」]
   대비(WCAG, 10-20 실측): accent on paper 4.95 · on canvas 4.63 / accent-700 on canvas 7.2 / ink-400 on canvas 5.3 / 白 on sun 4.6.
   채도색 = lagoon(accent) + sun 2종뿐 — sun 은 「人気」 배지·지도의 현재지 점 두 자리에만 쓴다(DON'T #3).
   소비처 = nextm-commerce storefront/esim-store/assets/site.css 「나라 테마」 블록(같은 값). */
[data-theme="hawaii"] {
  --accent: #0E7C86;  --accent-600: #0A6E77;  --accent-700: #0A5C66;
  --accent-tint: #E2F5F5;  --accent-ring: rgba(14,124,134,0.28);  --accent-contrast: #FFFFFF;
  --sun: #CC4A1F;  --sun-tint: #FBEAE2;
  --ink-900: #1C1917; --ink-800: #292524; --ink-700: #44403C; --ink-600: #47423D; --ink-500: #5C5650;
  --ink-400: #6F665E; --ink-300: #A89E93; --ink-200: #D8CFC3; --ink-100: #EBE4D9; --ink-50: #F4EEE5;
  --canvas: #FBF7F0;  --paper: #FFFFFF;
}

/* カナダ(esim-store.net /ca/, N2 = 캐나다+미국) — evergreen + maple. [확정 2026-10-21 ma2414 「전체 승인」 — 시안 그대로 라이브]
   대비(WCAG, 10-22 계산): accent on paper 7.8 · on canvas 7.4 / accent-700 on canvas 10.9 / ink-400 on canvas 5.1 / 白 on maple 6.6.
   채도색 = evergreen(accent) + maple 2종뿐 — maple 은 「人気」 배지·지도의 현재지 점 두 자리에만 쓴다(DON'T #3).
   중립 램프 = 차가운 화강암·눈. 문양(버펄로 체크)·히어로 산등성이는 소비처 몫.
   소비처 = nextm-commerce storefront/esim-store/assets/site.css 「나라 테마 — カナダ」 블록(같은 값). */
[data-theme="canada"] {
  --accent: #1D5C4A;  --accent-600: #184F40;  --accent-700: #12402F;
  --accent-tint: #E3EFEA;  --accent-ring: rgba(29,92,74,0.28);  --accent-contrast: #FFFFFF;
  --maple: #B42318;  --maple-tint: #FBE9E7;
  --ink-900: #171A19; --ink-800: #252A28; --ink-700: #3C4340; --ink-600: #4A524E; --ink-500: #565E5A;
  --ink-400: #636B67; --ink-300: #A3AAA6; --ink-200: #D3D8D5; --ink-100: #E6EAE7; --ink-50: #F1F3F1;
  --canvas: #F7F8F5;  --paper: #FFFFFF;
}