/* Emersoft Books — Custom MkDocs Material Theme */

/* ─── Fonts ─────────────────────────────────────────────────────────────── */
@import url("https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700&display=swap");

/* ─── Brand palette ─────────────────────────────────────────────────────── */
:root {
  --eb-light-gray: #f6f7f9;
  --eb-dark: #2a2c32;
  --eb-accent: #15f2b8;
  --eb-accent-dark: #0ec99a;
  --eb-accent-muted: rgba(21, 242, 184, 0.12);
}

/* ─── Primary color (header, sidebar active states) ────────────────────── */
[data-md-color-primary="custom"] {
  --md-primary-fg-color: #2a2c32;
  --md-primary-fg-color--light: #4a4d57;
  --md-primary-fg-color--dark: #1a1c20;
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: rgba(255, 255, 255, 0.7);
}

/* ─── Accent color (links, hover, active, focus) ────────────────────────── */
[data-md-color-accent="custom"] {
  --md-accent-fg-color: #15f2b8;
  --md-accent-fg-color--transparent: rgba(21, 242, 184, 0.1);
  --md-accent-bg-color: #2a2c32;
  --md-accent-bg-color--light: rgba(42, 44, 50, 0.54);
}

/* ─── Page background ───────────────────────────────────────────────────── */
[data-md-color-scheme="default"] {
  --md-default-bg-color: #f6f7f9;
  --md-default-bg-color--light: #f6f7f9;
  --md-default-bg-color--lighter: #f6f7f9;
  --md-default-bg-color--lightest: #f6f7f9;
}

/* Content area keeps white for readability */
.md-content__inner {
  background-color: #ffffff;
  border-radius: 6px;
  padding: 1.5rem 2rem;
}

/* ─── Navigation ────────────────────────────────────────────────────────── */
.md-nav__link--active,
.md-nav__link:hover {
  color: var(--eb-accent-dark) !important;
}

.md-tabs__link--active,
.md-tabs__link:hover {
  color: var(--eb-accent) !important;
  opacity: 1;
}

/* ─── Headings ──────────────────────────────────────────────────────────── */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  font-family: "Satoshi", "Satoshi Placeholder", sans-serif;
  font-weight: 700;
}

.md-content h1 {
  color: var(--eb-dark);
  border-bottom: 2px solid var(--eb-accent);
  padding-bottom: 0.4rem;
}

/* ─── Body links ────────────────────────────────────────────────────────── */
.md-typeset a {
  color: var(--eb-accent-dark);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-color: rgba(14, 201, 154, 0.35);
  transition: text-decoration-color 0.15s ease;
}

.md-typeset a:hover {
  text-decoration-color: var(--eb-accent-dark);
}

/* External link arrow indicator */
.md-typeset a[target="_blank"]::after {
  content: "↗";
  display: inline-block;
  font-size: 0.7em;
  margin-left: 0.2em;
  vertical-align: super;
  opacity: 0.6;
  text-decoration: none;
}

/* ─── Admonitions ───────────────────────────────────────────────────────── */
.md-typeset .admonition.tip,
.md-typeset details.tip {
  border-color: var(--eb-accent);
}

.md-typeset .admonition.tip > .admonition-title,
.md-typeset details.tip > summary {
  background-color: var(--eb-accent-muted);
}

/* ─── Footer ────────────────────────────────────────────────────────────── */
.md-footer {
  background-color: var(--eb-dark);
}

/* ─── Home page cards ───────────────────────────────────────────────────── */
.md-typeset .grid.cards > ul > li {
  border: 1px solid #e2e4e9;
  border-radius: 6px;
  background: #ffffff;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.md-typeset .grid.cards > ul > li:hover {
  border-color: var(--eb-accent);
  box-shadow: 0 2px 12px rgba(21, 242, 184, 0.15);
}