/* Totum theme — light + dark (selected via DOCS_THEME / --theme / docs.config.json) */

:root {
  --accent: #00bbff;
  --accent-hover: #0099cc;
  --bg: #f9fafb;
  --bg-soft: #ffffff;
  --bg-sidebar: #ffffff;
  --text: #0f172a;
  --text-soft: #64748b;
  --border: #e2e8f0;
  --code-bg: #f1f5f9;
  --header-bg: #000000;
  --header-text: #ffffff;
  --header-muted: #d1d5db;
  --radius: 12px;
}

[data-theme='dark'] {
  --accent: #00bbff;
  --accent-hover: #33ccff;
  --bg: #0a0a0a;
  --bg-soft: #141414;
  --bg-sidebar: #141414;
  --text: #f1f5f9;
  --text-soft: #94a3b8;
  --border: #262626;
  --code-bg: #1a1a1a;
  --header-bg: #000000;
  --header-text: #ffffff;
  --header-muted: #9ca3af;
}

/* ---------- Header (black in both modes) ---------- */
[data-docs-theme='totum'] .site-header {
  background: var(--header-bg);
  border-bottom-color: #1f2937;
  color: var(--header-text);
  backdrop-filter: none;
}
[data-docs-theme='totum'] .site-header .brand {
  color: var(--header-text);
}
[data-docs-theme='totum'] .site-header .header-link {
  color: var(--header-muted);
}
[data-docs-theme='totum'] .site-header .header-link:hover {
  color: var(--header-text);
}
[data-docs-theme='totum'] .site-header .vis-badge {
  color: var(--header-muted);
  border-color: #374151;
}
[data-docs-theme='totum'] .site-header .vis-private {
  color: #fbbf24;
  border-color: color-mix(in srgb, #fbbf24 45%, #374151);
}
[data-docs-theme='totum'] .site-header .vis-public {
  color: #4ade80;
  border-color: color-mix(in srgb, #4ade80 45%, #374151);
}
[data-docs-theme='totum'] .site-header .theme-toggle,
[data-docs-theme='totum'] .site-header .menu-toggle {
  color: var(--header-text);
  border-color: #374151;
}
[data-docs-theme='totum'] .site-header .theme-toggle:hover,
[data-docs-theme='totum'] .site-header .menu-toggle:hover {
  background: #1f2937;
}
[data-docs-theme='totum'] .site-header #search-input {
  background: #1f2937;
  border-color: #374151;
  color: var(--header-text);
}
[data-docs-theme='totum'] .site-header #search-input::placeholder {
  color: #9ca3af;
}
[data-docs-theme='totum'] .site-header #search-input:focus {
  outline: 2px solid color-mix(in srgb, var(--accent) 55%, transparent);
  border-color: var(--accent);
}

/* ---------- Nav / surfaces ---------- */
[data-docs-theme='totum'] .sidebar {
  border-right-color: var(--border);
}
[data-docs-theme='totum'] .nav-link {
  border-radius: 999px;
}
[data-docs-theme='totum'] .nav-link.active {
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 14%, transparent);
  font-weight: 600;
}
[data-docs-theme='totum'] .pager-link {
  border-radius: var(--radius);
  background: var(--bg-soft);
}
[data-docs-theme='totum'] .pager-link:hover {
  border-color: var(--accent);
}
[data-docs-theme='totum'] .prose pre,
[data-docs-theme='totum'] .mermaid-wrap {
  border-radius: var(--radius);
}
[data-docs-theme='totum'] .search-results {
  border-radius: var(--radius);
}
[data-docs-theme='totum'] a:hover {
  color: var(--accent-hover);
}