/* _tokens.css — NEBULA OPS 색 팔레트 (data-theme)
   midnight(다크 네이비, 기본 · SOC 관제 무드) ↔ blueprint(화이트 청사진 토글)
   시안 1색 액센트 절제 · 상태색(ok/warn/err)만 기능색으로 최소 사용. */

:root[data-theme="midnight"] {
  --bg:          #060e18;
  --bg-2:        #0a1826;
  --surface:     #0d1e2f;
  --surface-2:   #122a40;
  --surface-3:   #16344e;

  --primary:       #6ec7f0;
  --primary-strong:#a6e2fb;
  --primary-alpha: rgba(110, 199, 240, 0.16);

  --text-strong: #e8f4fb;
  --text:        #b7ccda;
  --text-2:      #7d97a8;
  --text-3:      #52697a;

  --line:        rgba(110, 199, 240, 0.20);
  --line-soft:   rgba(110, 199, 240, 0.10);
  --line-faint:  rgba(110, 199, 240, 0.045);
  --fill-tint:   rgba(110, 199, 240, 0.06);

  --ok:   #46d38a;
  --warn: #f2b45c;
  --err:  #f06a52;

  --scan: rgba(110, 199, 240, 0.55);
  --sh:   0 10px 40px rgba(0, 0, 0, 0.45);
}

:root[data-theme="blueprint"] {
  --bg:          #eef4f9;
  --bg-2:        #e3edf5;
  --surface:     #ffffff;
  --surface-2:   #f4f8fb;
  --surface-3:   #e8f0f6;

  --primary:       #1566ad;
  --primary-strong:#0c4a82;
  --primary-alpha: rgba(21, 102, 173, 0.14);

  --text-strong: #0a1826;
  --text:        #22384a;
  --text-2:      #4d6577;
  --text-3:      #7f96a6;

  --line:        rgba(21, 102, 173, 0.28);
  --line-soft:   rgba(21, 102, 173, 0.15);
  --line-faint:  rgba(21, 102, 173, 0.07);
  --fill-tint:   rgba(21, 102, 173, 0.05);

  --ok:   #128a52;
  --warn: #b5741a;
  --err:  #c0392b;

  --scan: rgba(21, 102, 173, 0.5);
  --sh:   0 8px 30px rgba(21, 102, 173, 0.12);
}