/* Acutis Go brand — matches acutisgo.com: dark navy + cyan/gold accents. */

:root {
  --acutis-navy:       #0A0F1C;
  --acutis-navy-panel: #0E1626;
  --acutis-navy-sunk:  #070B15;
  --acutis-cyan:       #22D3EE;
  --acutis-cyan-deep:  #06b6d4;
  --acutis-gold:       #FFD03A;
  --acutis-green:      #16C60C;

  /* Header bar = brand navy in all schemes */
  --md-primary-fg-color:        var(--acutis-navy);
  --md-primary-fg-color--light: var(--acutis-navy-panel);
  --md-primary-fg-color--dark:  var(--acutis-navy-sunk);
  --md-accent-fg-color:         var(--acutis-cyan);
}

/* Dark scheme — mirror the marketing site's navy canvas */
[data-md-color-scheme="slate"] {
  --md-default-bg-color:        var(--acutis-navy);
  --md-default-bg-color--light: var(--acutis-navy-panel);
  --md-default-bg-color--lighter: #121C30;
  --md-code-bg-color:           var(--acutis-navy-sunk);
  --md-typeset-a-color:         var(--acutis-cyan);
  --md-accent-fg-color:         var(--acutis-cyan);
  --md-footer-bg-color:         var(--acutis-navy-sunk);
}

/* Light scheme — clean white pages, cyan links, navy header retained */
[data-md-color-scheme="default"] {
  --md-typeset-a-color:         var(--acutis-cyan-deep);
  --md-accent-fg-color:         var(--acutis-cyan-deep);
}

/* Keep the header + tabs bar brand-navy regardless of scheme */
.md-header,
.md-tabs {
  background-color: var(--acutis-navy);
  color: #fff;
}

/* Logo sizing + the gold spark reads better a touch larger */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 1.7rem;
  width: auto;
}

/* Headings: marketing uses bold; accent the H1 rule with brand cyan */
.md-typeset h1 {
  font-weight: 700;
}
.md-typeset h2 {
  font-weight: 700;
  border-bottom: 1px solid color-mix(in srgb, var(--acutis-cyan) 30%, transparent);
  padding-bottom: .2rem;
}

/* Links pop cyan on hover */
.md-typeset a:hover { color: var(--acutis-cyan); }

/* Grid cards: subtle cyan edge on hover for the home page */
.md-typeset .grid.cards > :is(ul,ol) > li:hover,
.md-typeset .grid > .card:hover {
  border-color: var(--acutis-cyan);
}

/* Tighten admonition text */
.md-typeset .admonition { font-size: 0.78rem; }

/* Search highlight + selection in brand cyan */
::selection { background: color-mix(in srgb, var(--acutis-cyan) 35%, transparent); }