/*
  evOps brand colors — aligned with app/globals.css
  primary:  oklch(0.45 0.12 250)  ≈ #3d5a99  slate-blue
  accent:   oklch(0.55 0.15 165)  ≈ #1d9e74  teal-green
*/

:root {
  --evops-primary:       #3d5a99;
  --evops-primary-dark:  #2c4275;
  --evops-primary-light: #5b78b8;
  --evops-accent:        #1d9e74;
  --evops-bg:            #f7f8fa;
}

/* ── Header & tabs ───────────────────────────────────────────── */
[data-md-color-scheme="default"] {
  --md-primary-fg-color:        var(--evops-primary);
  --md-primary-fg-color--light: var(--evops-primary-light);
  --md-primary-fg-color--dark:  var(--evops-primary-dark);
  --md-accent-fg-color:         var(--evops-accent);
  --md-default-bg-color:        var(--evops-bg);
}

/* Keep dark mode consistent */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        var(--evops-primary-light);
  --md-primary-fg-color--light: #7a94cc;
  --md-primary-fg-color--dark:  var(--evops-primary);
  --md-accent-fg-color:         #26c994;
}

/* ── Admonition accents ──────────────────────────────────────── */
.md-typeset .admonition.tip,
.md-typeset details.tip {
  border-color: var(--evops-accent);
}
.md-typeset .tip > .admonition-title,
.md-typeset .tip > summary {
  background-color: color-mix(in srgb, var(--evops-accent) 10%, transparent);
}

/* ── Links ───────────────────────────────────────────────────── */
.md-typeset a {
  color: var(--evops-primary);
}
.md-typeset a:hover {
  color: var(--evops-primary-dark);
}