/* ═══════════════════════════════════════════════════════════
   _tokens.css — 공용 컬러 토큰 (디자인 킷과 직교)
   · 색 팔레트만 정의. 레이아웃·타이포·형태는 style.css(Dashboard 킷) 책임.
   · 2115 AG TIME = slate(인디고 대시보드 다크) 기본 + daylight(라이트) 토글.
═══════════════════════════════════════════════════════════ */

:root {
  --primary:#4F46E5; --primary-dark:#4338CA; --accent:#0891B2;
  --grad:linear-gradient(135deg,#4F46E5 0%,#0891B2 100%);
  --bg:#F7F8FB; --surface:#FFFFFF; --surface-2:#F1F3F9;
  --border:#E4E7F0; --border-2:#CDD3E3; --border-soft:#EEF1F7;
  --text:#2A3350; --text-strong:#141A2E; --text-2:#5C6684; --text-3:#95A0BD;
  --ok:#10B981; --ok-bg:rgba(16,185,129,.10); --ok-border:rgba(16,185,129,.30);
  --err:#EF4444; --err-bg:rgba(239,68,68,.08); --err-border:rgba(239,68,68,.30);
}

[data-theme] {
  --primary-soft:  color-mix(in srgb, var(--primary) 9%,  #ffffff);
  --primary-alpha: color-mix(in srgb, var(--primary) 16%, transparent);
  --primary-tint:  color-mix(in srgb, var(--primary) 7%,  transparent);
  --primary-glow:  color-mix(in srgb, var(--primary) 30%, transparent);
}

/* ─── LIGHT (daylight) ─── */
[data-theme="daylight"] {
  --primary:#4F46E5; --primary-dark:#4338CA; --accent:#0891B2;
  --grad:linear-gradient(135deg,#4F46E5,#0891B2);
  --bg:#F7F8FB; --surface:#FFFFFF; --surface-2:#F1F3F9;
  --border:#E4E7F0; --border-2:#CDD3E3; --border-soft:#EEF1F7;
  --text:#2A3350; --text-strong:#141A2E; --text-2:#5C6684; --text-3:#95A0BD;
  --ok:#059669; --ok-bg:rgba(5,150,105,.10); --ok-border:rgba(5,150,105,.28);
  --err:#DC2626; --err-bg:rgba(220,38,38,.07); --err-border:rgba(220,38,38,.26);
}

/* ─── DARK (slate) — 인디고 대시보드 ─── */
[data-theme="slate"] {
  --primary:#818CF8; --primary-dark:#6366F1; --accent:#22D3EE;
  --grad:linear-gradient(135deg,#818CF8,#22D3EE);
  --bg:#0B1020; --surface:#141A2E; --surface-2:#0F1526;
  --border:#242C42; --border-2:#333D5C; --border-soft:#1A2138;
  --text:#D5DAEA; --text-strong:#F3F5FC; --text-2:#98A2C0; --text-3:#5F6A8C;
  --ok:#34D399; --ok-bg:rgba(52,211,153,.10); --ok-border:rgba(52,211,153,.28);
  --err:#F87171; --err-bg:rgba(248,113,113,.08); --err-border:rgba(248,113,113,.28);
}