/* BOSS HQ — Design Tokens */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  /* Backgrounds — neutral dark, no purple tint */
  --bg:    #0e0f13;
  --bg2:   #13151b;
  --card:  #191c24;
  --card2: #1e2130;

  /* Borders — subtle, visible */
  --brd:  #2a2d3a;
  --brd2: #363a4f;

  /* Accent */
  --acc:  #7c73ff;
  --acc2: rgba(124, 115, 255, .14);
  --acc3: rgba(124, 115, 255, .28);

  /* Semantic colors — vivid enough to read on dark bg */
  --grn:  #2ecc71;  --grn2: rgba(46,  204, 113, .13);
  --red:  #f05252;  --red2: rgba(240, 82,  82,  .13);
  --yel:  #f6ad3c;  --yel2: rgba(246, 173, 60,  .13);
  --blu:  #4f93f6;  --blu2: rgba(79,  147, 246, .13);
  --cyn:  #14b8c8;  --cyn2: rgba(20,  184, 200, .13);

  /* Text — high contrast hierarchy */
  --t1: #e8eaf0;   /* primary: near-white, easy on the eyes */
  --t2: #9da3bc;   /* secondary: clearly visible */
  --t3: #636878;   /* muted: labels, timestamps */

  /* Layout */
  --sidebar-w: 240px;
  --topbar-h:  56px;
}

html, body {
  height: 100%;
  background: var(--bg);
  /* Inter → SF Pro → Segoe UI → system — prioritises clean geometric sans */
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: var(--t1);
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
}

::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-thumb { background: var(--brd2); border-radius: 3px; }
::-webkit-scrollbar-track { background: transparent; }

/* ── Light Mode ─────────────────────────────────────────────────────────── */
[data-theme="light"] {
  --bg:    #f0f2f8;
  --bg2:   #e4e7f2;
  --card:  #ffffff;
  --card2: #f2f4fb;

  --brd:  #d4d8ec;
  --brd2: #bec3dc;

  --acc:  #6058e8;
  --acc2: rgba(96, 88, 232, .12);
  --acc3: rgba(96, 88, 232, .25);

  --grn:  #16a34a;  --grn2: rgba(22,  163, 74,  .12);
  --red:  #dc2626;  --red2: rgba(220, 38,  38,  .10);
  --yel:  #d97706;  --yel2: rgba(217, 119, 6,   .12);
  --blu:  #2563eb;  --blu2: rgba(37,  99,  235, .11);
  --cyn:  #0891b2;  --cyn2: rgba(8,   145, 178, .11);

  --t1: #111827;
  --t2: #374151;
  --t3: #6b7280;
}

[data-theme="light"] html,
[data-theme="light"] body,
body[data-theme="light"] {
  background: var(--bg);
  color: var(--t1);
}

/* Light mode: brief card gradient override */
[data-theme="light"] .brief-card {
  background: linear-gradient(135deg, rgba(96,88,232,.07), rgba(96,88,232,.02));
  border-color: rgba(96, 88, 232, .2);
}

/* Light mode: notif button pip border matches bg */
[data-theme="light"] .notif-pip { border-color: var(--bg2); }

/* Light mode: table hover */
[data-theme="light"] tbody tr:hover td { background: var(--card2); }

/* Light mode: input */
[data-theme="light"] .input { background: #f8faff; }

/* Light mode: ops automation mode card */
[data-theme="light"] .brief-dot { opacity: .85; }