/* M-Tech Connect — Shared Theme Variables */
/* Include in all pages: <link rel="stylesheet" href="css/theme.css"> */

:root, body.midnight {
  --bg:#00142e;
  --accent:#3a80e9;--accent2:#6aa4ff;--accentDim:rgba(58,128,233,0.1);
  --text:#d8e0f0;--textDim:rgba(216,224,240,0.25);--textMid:rgba(216,224,240,0.55);
  --card:rgba(58,128,233,0.04);--cardB:rgba(58,128,233,0.1);
  --hdrBg:rgba(0,20,46,0.96);--sidebarBg:rgba(0,20,46,0.95);
  --red:#ef4444;--amber:#f59e0b;--green:#22c55e;--purple:#a78bfa;
  --modalBg:rgba(0,20,46,0.93);--modalCard:rgba(0,26,58,0.98);--modalB:rgba(58,128,233,0.12);
  --normal:#22c55e;--warning:#f59e0b;--critical:#ef4444;--offline:#4a5e78;
}

body.harbour {
  --bg:#dceef8;
  --accent:#085d78;--accent2:#1a6db8;--accentDim:rgba(8,93,120,0.08);
  --text:#0f172a;--textDim:rgba(15,23,42,0.35);--textMid:rgba(15,23,42,0.7);
  --card:rgba(0,0,0,0.04);--cardB:rgba(0,0,0,0.12);
  --hdrBg:rgba(245,248,252,0.98);--sidebarBg:rgba(245,248,252,0.98);
  --red:#b91c1c;--amber:#b45309;--green:#15803d;--purple:#7c3aed;
  --modalBg:rgba(241,245,249,0.96);--modalCard:rgba(255,255,255,0.98);--modalB:rgba(0,0,0,0.12);
  --normal:#15803d;--warning:#b45309;--critical:#b91c1c;--offline:#64748b;
}

/* Theme pill toggle */
.theme-pill{display:flex;gap:3px;padding:3px;border-radius:8px;background:var(--card);border:1px solid var(--cardB)}
.theme-dot{width:18px;height:18px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:border-color 0.2s,transform 0.15s}
.theme-dot:hover{transform:scale(1.15)}
.theme-dot.active{border-color:var(--text)}

/* Harbour overrides for common elements */
body.harbour .hdr{background:var(--hdrBg)}
body.harbour .modal{background:var(--modalCard);border-color:var(--modalB)}
body.harbour .modal-hdr{border-color:var(--modalB)}
body.harbour .modal-foot{border-color:var(--modalB)}
body.harbour input,body.harbour select,body.harbour textarea{background:rgba(255,255,255,0.6) !important;border-color:var(--cardB) !important;color:var(--text) !important}
body.harbour .login-box{background:rgba(255,255,255,0.7);border-color:var(--cardB)}
body.harbour .stat{background:rgba(255,255,255,0.5);border-color:var(--cardB)}
body.harbour .tbl-wrap{border-color:var(--cardB)}
body.harbour thead th{background:rgba(245,248,252,0.95)}
body.harbour tbody tr:hover{background:rgba(0,0,0,0.03)}
body.harbour .toast{box-shadow:0 4px 12px rgba(0,0,0,0.15)}
body.harbour .tab{color:var(--textMid)}
body.harbour .tab.active{color:var(--accent)}
body.harbour .badge-confirmed{background:rgba(8,93,120,0.1);color:var(--accent)}
body.harbour .badge-checkedin{background:rgba(21,128,61,0.1);color:var(--green)}
body.harbour .badge-pending{background:rgba(180,83,9,0.1);color:var(--amber)}
body.harbour .badge-cancelled{background:rgba(185,28,28,0.1);color:var(--red)}