/*
 * Shadows the empty `avo-overrides.css` shipped by the avo gem, which its layout links last.
 * Everything here therefore wins over Avo's own stylesheet on an equal-specificity cascade.
 */

/* Avo paints the navbar dark in both schemes. Kali's admin is light-only, so it follows the page. */
:root {
  --color-navbar-background: var(--color-avo-neutral-50);
}

/* The navbar palette assumes a dark surface, so every foreground token flips with the background. */
.top-navbar {
  /* A light navbar no longer separates itself from the page, so it borrows the sidebar seam. */
  border-bottom: 1px solid var(--color-main-content-border);

  --top-navbar-content: var(--color-avo-neutral-600);
  --top-navbar-content-hover: var(--color-avo-neutral-900);
  --top-navbar-control-background: var(--color-avo-neutral-100);
  --top-navbar-control-background-hover: var(--color-avo-neutral-200);
  --top-navbar-control-border: var(--color-avo-neutral-200);
  --top-navbar-control-content: var(--color-avo-neutral-900);
  --top-navbar-control-muted: var(--color-avo-neutral-500);
  --top-navbar-control-shortcut-background: var(--color-avo-neutral-100);
  --top-navbar-control-shortcut-border: var(--color-avo-neutral-200);
  --top-navbar-control-shortcut-content: var(--color-avo-neutral-600);
  --top-navbar-active-background: var(--color-avo-neutral-200);
  --top-navbar-active-content: var(--color-avo-neutral-900);
}