/* Slate — neutral, hairline borders, no shadows, indigo accent. Linear/Vercel-like. */
:root {
  --radius: 8px; --radius-sm: 6px;
  --bg: #f7f7f8; --surface: #ffffff; --surface-2: #f4f4f5;
  --border: #e4e4e7; --border-strong: #d4d4d8;
  --text: #09090b; --text-2: #3f3f46; --text-3: #71717a;
  --accent: #4f46e5; --accent-hover: #4338ca; --accent-text: #fff;
  --accent-soft: #eef2ff; --accent-soft-text: #3730a3; --focus: #6366f1;
  --sidebar-bg: #fbfbfb; --sidebar-active-bg: #ffffff; --sidebar-active-text: #09090b;
  --header-bg: rgba(247,247,248,.8);
}
html[data-mode="dark"] {
  --bg: #09090b; --surface: #121214; --surface-2: #1b1b1f;
  --border: #27272a; --border-strong: #3f3f46;
  --text: #fafafa; --text-2: #d4d4d8; --text-3: #a1a1aa;
  --accent: #6366f1; --accent-hover: #818cf8; --accent-soft: #1e1b4b; --accent-soft-text: #c7d2fe; --focus: #818cf8;
  --success: #4ade80; --success-soft: #052e16; --warning: #facc15; --warning-soft: #2a2205;
  --danger: #f87171; --danger-soft: #3b0a0a; --info: #38bdf8; --info-soft: #082f49; --neutral-soft: #27272a;
  --sidebar-bg: #0c0c0e; --sidebar-active-bg: #1b1b1f; --sidebar-active-text: #fafafa; --header-bg: rgba(9,9,11,.8);
}
/* Active nav item reads as a raised white chip with a hairline. */
.nav-sidebar .nav-link.active { box-shadow: 0 0 0 1px var(--border), 0 1px 2px rgba(0,0,0,.04) !important; }