/* OpenRemedy — editorial overrides for mkdocs-material.
 *
 * Goals: less chrome, longer reading lines that don't go past 70-ish
 * characters, calmer brand colour, generous whitespace, typography
 * that feels like a publication and not a SaaS console.
 */

/* ─── Palette ──────────────────────────────────────────────────── */

:root {
  /* Subdued teal — close to slate, hints at brand without shouting. */
  --md-primary-fg-color:        hsl(184, 35%, 28%);
  --md-primary-fg-color--light: hsl(184, 35%, 38%);
  --md-primary-fg-color--dark:  hsl(184, 35%, 22%);
  --md-accent-fg-color:         hsl(184, 45%, 35%);
  --md-typeset-a-color:         hsl(184, 45%, 35%);

  /* Tone the body text down from pure black */
  --md-default-fg-color:           hsl(220, 15%, 18%);
  --md-default-fg-color--light:    hsl(220, 12%, 35%);
  --md-default-fg-color--lighter:  hsl(220, 10%, 55%);
  --md-default-fg-color--lightest: hsl(220, 10%, 80%);
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        hsl(184, 30%, 50%);
  --md-primary-fg-color--light: hsl(184, 30%, 60%);
  --md-primary-fg-color--dark:  hsl(184, 30%, 40%);
  --md-accent-fg-color:         hsl(184, 45%, 60%);
  --md-typeset-a-color:         hsl(184, 45%, 65%);
}

/* ─── Reading column ───────────────────────────────────────────── */

/* Bump Material's outer .md-grid cap from its 61rem default up to
 * 71rem. The grid wraps sidebar + content + toc as a unit; widening
 * it gives the prose column more room without losing the 3-column
 * layout. */
.md-grid {
  max-width: 71rem;
}

@media (min-width: 76.25em) {
  .md-main__inner {
    margin-top: 1.5rem;
  }
}

/* ─── Typography rhythm ────────────────────────────────────────── */

.md-typeset {
  font-size: 0.78rem;       /* slightly larger than default */
  line-height: 1.7;          /* breathe */
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  font-weight: 600;
  letter-spacing: -0.01em;
}

.md-typeset h1 {
  font-size: 1.85rem;
  margin-bottom: 1.25rem;
  line-height: 1.2;
}

.md-typeset h2 {
  font-size: 1.35rem;
  margin-top: 2.25rem;
  border-top: 1px solid var(--md-default-fg-color--lightest);
  padding-top: 1.25rem;
}

.md-typeset h3 {
  font-size: 1.05rem;
  margin-top: 1.75rem;
}

.md-typeset p,
.md-typeset li {
  margin-block: 0.6em;
}

/* ─── Sidebar (less colour, more typography) ───────────────────── */

.md-nav__title {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.65rem;
  letter-spacing: 0.08em;
  color: var(--md-default-fg-color--light);
}

.md-nav__item .md-nav__link {
  font-size: 0.74rem;
}

.md-nav__item--section > .md-nav__link {
  font-weight: 600;
}

/* ─── Code blocks ──────────────────────────────────────────────── */

.md-typeset pre > code {
  line-height: 1.55;
  font-size: 0.78rem;
}

.md-typeset code {
  font-size: 0.85em;
}

/* ─── Tables ───────────────────────────────────────────────────── */

.md-typeset table:not([class]) {
  font-size: 0.74rem;
  border: 1px solid var(--md-default-fg-color--lightest);
}

.md-typeset table:not([class]) th {
  background: transparent;
  font-weight: 600;
  border-bottom: 1px solid var(--md-default-fg-color--lighter);
}

/* ─── Header (slimmer) ─────────────────────────────────────────── */

.md-header {
  box-shadow: none;
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
}

.md-header[data-md-state="shadow"] {
  box-shadow: 0 0 0.2rem rgba(0,0,0,0.06);
}

.md-header__title {
  font-weight: 600;
  font-size: 0.9rem;
}

/* ─── Card grid on the home page ───────────────────────────────── */

.md-typeset .grid.cards > :is(ul, ol) > li,
.md-typeset .grid > .card {
  border-radius: 0.4rem;
  border-color: var(--md-default-fg-color--lightest);
}

/* ─── Footer credit cleanup ────────────────────────────────────── */

.md-footer-meta {
  background: transparent;
  border-top: 1px solid var(--md-default-fg-color--lightest);
}

.md-footer-meta__inner {
  font-size: 0.72rem;
  color: var(--md-default-fg-color--light);
}