/* Dark chrome theme for the dashboard shell (dark top navbar + dark sidebar).
   Pairs with dashboard-layout.css, which reads these --ll-chrome-* variables. */
:root {
  --ll-chrome-bg: #1c1c1e;
  --ll-chrome-border: rgba(255, 255, 255, 0.08);
  --ll-chrome-text-strong: #fff;
  --ll-chrome-muted: rgba(255, 255, 255, 0.52);
  --ll-chrome-hover-bg: rgba(255, 255, 255, 0.04);
  --ll-chrome-active-bg: var(--accent);
  --ll-chrome-active-text: #fff;
  --ll-chrome-brand: #fff;
  --ll-chrome-heading: rgba(255, 255, 255, 0.32);
  --ll-chrome-toggler-border: rgba(255, 255, 255, 0.25);
  --ll-chrome-focus: rgba(255, 255, 255, 0.15);
  --ll-chrome-shadow: rgba(0, 0, 0, 0.35);
  --ll-chrome-toggler-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}