/* ═══════════════════════════════════════════════════════════
   _tokens.css — 공용 컬러 토큰 (디자인 킷과 직교)
   · 2116 AG_HTTP (redesign-all) = Line 킷 · nordic(라이트 기본) / midnight(다크 토글)
   · 색만 정의. 레이아웃·타이포·형태는 style.css.
═══════════════════════════════════════════════════════════ */

:root {
  /* 기본 = nordic (라이트) */
  --primary:#4C6E8F; --primary-dark:#35526E; --accent:#6E8CA6;
  --grad:linear-gradient(135deg,#4C6E8F,#6E8CA6);
  --bg:#FBFCFD; --surface:#FFFFFF; --surface-2:#F4F7FA;
  --border:#E4EAF0; --border-2:#CDD8E3; --border-soft:#EEF3F7;
  --text:#334155; --text-strong:#1B2733; --text-2:#647388; --text-3:#93A2B3;
}

[data-theme] {
  --primary-soft:  color-mix(in srgb, var(--primary) 9%,  var(--surface));
  --primary-alpha: color-mix(in srgb, var(--primary) 15%, transparent);
  --primary-tint:  color-mix(in srgb, var(--primary) 6%,  transparent);
  --primary-glow:  color-mix(in srgb, var(--primary) 26%, transparent);
}

/* ═══════════ NORDIC — 라이트 기본 ═══════════ */
[data-theme="nordic"] {
  --primary:#4C6E8F; --primary-dark:#35526E; --accent:#6E8CA6;
  --grad:linear-gradient(135deg,#4C6E8F,#6E8CA6);
  --bg:#FBFCFD; --surface:#FFFFFF; --surface-2:#F4F7FA;
  --border:#E4EAF0; --border-2:#CDD8E3; --border-soft:#EEF3F7;
  --text:#334155; --text-strong:#1B2733; --text-2:#647388; --text-3:#93A2B3;
}

/* ═══════════ MIDNIGHT — 다크 토글 ═══════════ */
[data-theme="midnight"] {
  --primary:#7CA7CE; --primary-dark:#5B87AE; --accent:#93B4D2;
  --grad:linear-gradient(135deg,#7CA7CE,#93B4D2);
  --bg:#0E1621; --surface:#16212E; --surface-2:#111B26;
  --border:#25313F; --border-2:#374757; --border-soft:#1B2632;
  --text:#CBD7E3; --text-strong:#EDF2F7; --text-2:#8FA0B2; --text-3:#5E6E7E;
}