/* Apathia branding for MkDocs Material. Tokens follow the GUI (apathia/web/style.css). */
:root {
  --apathia-cyan-top: #01fcfc;
  --apathia-cyan: #01ddfc;
  --apathia-cyan-bottom: #01c2fc;
  --md-border-radius: 10px;
}

/* Dark (default) */
[data-md-color-scheme="slate"] {
  --md-hue: 0;
  --md-default-bg-color: #000000;
  --md-default-fg-color: rgba(255, 255, 255, 0.92);
  --md-default-fg-color--light: #a3a3a3;
  --md-default-fg-color--lighter: #737373;
  --md-default-fg-color--lightest: #232323;
  --md-primary-fg-color: #0a0a0a;
  --md-primary-fg-color--light: #161616;
  --md-primary-fg-color--dark: #000000;
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: #a3a3a3;
  --md-accent-fg-color: #33e4fd;
  --md-accent-fg-color--transparent: rgba(1, 221, 252, 0.12);
  --md-typeset-a-color: var(--apathia-cyan);
  --md-code-bg-color: #0a0a0a;
  --md-footer-bg-color: #0a0a0a;
  --md-footer-bg-color--dark: #000000;
}
[data-md-color-scheme="slate"] .md-header,
[data-md-color-scheme="slate"] .md-tabs {
  border-bottom: 1px solid #232323;
}

/* Light: cyan is too pale for text on white, so links use a darker teal (AA, ~5:1). */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #ffffff;
  --md-primary-fg-color--light: #f5f5f5;
  --md-primary-fg-color--dark: #e5e5e5;
  --md-primary-bg-color: #0a0a0a;
  --md-primary-bg-color--light: #525252;
  --md-accent-fg-color: #00799a;
  --md-accent-fg-color--transparent: rgba(1, 194, 252, 0.12);
  --md-typeset-a-color: #00708f;
}
[data-md-color-scheme="default"] .md-header { border-bottom: 1px solid #e5e5e5; }

/* Header brand: cyan gradient accent line */
.md-header::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px;
  background: linear-gradient(90deg, var(--apathia-cyan-top), var(--apathia-cyan-bottom));
  opacity: .6;
}
.md-header__button.md-logo img { height: 1.6rem; }
.md-header__topic:first-child { font-weight: 700; }

.md-typeset .apathia-hero { display: block; margin: .5rem 0 1.5rem; max-width: 100%; height: auto; }
.md-typeset .admonition, .md-typeset details, .md-typeset pre > code, .md-typeset table:not([class]) {
  border-radius: var(--md-border-radius);
}
.md-typeset table:not([class]) { overflow: hidden; }
.md-search__form { border-radius: 8px; }

/* Visually hidden but kept for screen readers and SEO (home page H1 next to the logo). */
.md-typeset .apathia-sr-only {
  position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0;
  overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0;
}
.md-typeset h1.apathia-sr-only + p > .apathia-hero:first-child { margin-top: 0; }