/*
 * Zev brand overrides for MkDocs Material.
 *
 * Mirrors the brand palette used by every user-facing Zev surface
 * (zevid-frontend, zevid-administration). If you change a brand
 * color in the products, also change it here. Source palette lives
 * in zevid-frontend/src/index.css under @theme.
 *
 * Material reference for the variables we override:
 *   https://squidfunk.github.io/mkdocs-material/customization/#colors
 */

:root {
  /* Brand palette (kept in sync with @theme in zevid-frontend) */
  --zev-navy:        #002854;
  --zev-navy-light:  #0a3466;
  --zev-navy-dark:   #001229;
  --zev-blue:        #006BD6;
  --zev-blue-light:  #EBF3FC;
  --zev-lime:        #DDF967;
  --zev-lime-dark:   #b8d44a;
  --zev-gold:        #DFAF21;
  --zev-silver:      #8B90A0;
  --zev-surface:     #F7F8FA;
  --zev-off-white:   #FDFEFF;
  --zev-text:        #111827;
  --zev-text-sec:    #4B5563;
  --zev-border:      #D5D9E2;
}

/* ── Light mode ─────────────────────────────────────────── */
[data-md-color-scheme="default"] {
  --md-primary-fg-color:           var(--zev-navy);
  --md-primary-fg-color--light:    var(--zev-navy-light);
  --md-primary-fg-color--dark:     var(--zev-navy-dark);
  --md-primary-bg-color:           #ffffff;
  --md-primary-bg-color--light:    rgba(255, 255, 255, 0.7);

  --md-accent-fg-color:            var(--zev-blue);
  --md-accent-fg-color--transparent: rgba(0, 107, 214, 0.1);
  --md-accent-bg-color:             #ffffff;
  --md-accent-bg-color--light:      rgba(255, 255, 255, 0.7);

  --md-typeset-a-color:            var(--zev-blue);
}

/* ── Dark mode (slate scheme) ───────────────────────────── */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:           var(--zev-navy);
  --md-primary-fg-color--light:    var(--zev-navy-light);
  --md-primary-fg-color--dark:     var(--zev-navy-dark);

  --md-accent-fg-color:            var(--zev-lime);
  --md-accent-fg-color--transparent: rgba(221, 249, 103, 0.1);

  --md-typeset-a-color:            var(--zev-lime);

  /* Slightly warmer dark background than Material's default near-black,
     to align with the navy-leaning brand. */
  --md-default-bg-color:           #0B1120;
  --md-default-bg-color--light:    rgba(11, 17, 32, 0.7);
}

/* ── Brand polish ───────────────────────────────────────── */

/* Slightly tighter top bar so the logo sits well. */
.md-header__title {
  font-weight: 600;
}

/* Code blocks: brand-leaning accent on the left border. */
.md-typeset pre > code {
  border-left: 3px solid var(--zev-blue);
}

/* Admonitions: brand-leaning accents for note/info. */
.md-typeset .admonition.note,
.md-typeset details.note {
  border-color: var(--zev-blue);
}
.md-typeset .note > .admonition-title,
.md-typeset .note > summary {
  background-color: rgba(0, 107, 214, 0.1);
}

/* "Internal access only" footer hint — every page reminds readers
   this site is gated. Subtle, not intrusive. */
.md-footer-meta__inner::after {
  content: "Internal — access via Cloudflare Access. Do not share links externally.";
  display: block;
  width: 100%;
  padding: 0.4rem 0;
  font-size: 0.66rem;
  color: var(--zev-silver);
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  margin-top: 0.4rem;
}