/* Anvil brand palette — sourced from anvil.co
   void #0a0a0b · charcoal #1a1a1b · titanium #2a2a2b · aluminum #8a8a8b
   silver #e5e5e6 · electric/precision #007CEF · teal #00FFCC · warning #ff6b35 */

:root {
  --anvil-void:     #0a0a0b;
  --anvil-charcoal: #1a1a1b;
  --anvil-titanium: #2a2a2b;
  --anvil-aluminum: #8a8a8b;
  --anvil-silver:   #e5e5e6;
  --anvil-electric: #007cef;
  --anvil-teal:     #00ffcc;
  --anvil-warning:  #ff6b35;
  --anvil-steel:    #5b85b0;  /* muted accent — scrollbar / active markers / hover */
}

/* ---- Light scheme (default) ---- */
[data-md-color-scheme="default"] {
  --md-primary-fg-color:        var(--anvil-electric);
  --md-primary-fg-color--light: #3399f2;
  --md-primary-fg-color--dark:  #0061c2;
  --md-accent-fg-color:         #0061c2;

  --md-typeset-a-color:         var(--anvil-electric);
}

/* ---- Dark scheme (slate) = the anvil.co look ---- */
[data-md-color-scheme="slate"] {
  --md-hue: 222;

  /* near-black surfaces */
  --md-default-bg-color:          var(--anvil-void);
  --md-default-bg-color--light:   var(--anvil-charcoal);
  --md-default-bg-color--lighter: var(--anvil-titanium);
  --md-default-bg-color--lightest:#343435;

  /* text */
  --md-default-fg-color:          var(--anvil-silver);
  --md-default-fg-color--light:   #c8c8c9;
  --md-default-fg-color--lighter: var(--anvil-aluminum);
  --md-default-fg-color--lightest:#5a5a5b;

  /* brand + accents */
  --md-primary-fg-color:        var(--anvil-charcoal);  /* charcoal header, like anvil.co */
  --md-primary-fg-color--light: var(--anvil-titanium);
  --md-primary-fg-color--dark:  var(--anvil-void);
  --md-primary-bg-color:        var(--anvil-silver);
  --md-accent-fg-color:         var(--anvil-steel);

  --md-typeset-a-color:         var(--anvil-electric);

  /* code + tables */
  --md-code-bg-color:           var(--anvil-charcoal);
  --md-code-fg-color:           var(--anvil-silver);

  /* footer */
  --md-footer-bg-color:         var(--anvil-charcoal);
  --md-footer-bg-color--dark:   var(--anvil-void);
}

/* Electric-blue brand bar under the charcoal header in dark mode */
[data-md-color-scheme="slate"] .md-header,
[data-md-color-scheme="slate"] .md-tabs {
  border-bottom: 1px solid var(--anvil-electric);
}

/* Link hover — calm, not neon */
[data-md-color-scheme="slate"] .md-typeset a:hover {
  color: #6fa0cc;
}

/* ---- Tone down "neon" highlights everywhere ---- */

/* Text selection: subtle, neutral — no neon */
::selection {
  background-color: rgba(0, 124, 239, 0.22);
}
[data-md-color-scheme="slate"] ::selection {
  background-color: rgba(91, 133, 176, 0.40);
  color: var(--anvil-silver);
}

/* Search-result + typeset highlight marks: soft, not glowing */
.md-search-result mark,
.md-typeset mark {
  background-color: rgba(0, 124, 239, 0.18);
  color: inherit;
  box-shadow: none;
}
[data-md-color-scheme="slate"] .md-search-result mark,
[data-md-color-scheme="slate"] .md-typeset mark {
  background-color: rgba(91, 133, 176, 0.35);
  color: var(--anvil-silver);
}

/* Scrollbars: muted grey thumb, no accent flash on hover */
* {
  scrollbar-color: var(--md-default-fg-color--lighter) transparent;
}
::-webkit-scrollbar-thumb {
  background-color: var(--md-default-fg-color--lighter);
}
::-webkit-scrollbar-thumb:hover {
  background-color: var(--md-default-fg-color--light);
}