/* The Coin Daily house theme for Material for MkDocs.
   Mirrors the website (static/style.css): newsprint-cream page + masthead,
   ink text, Georgia serif headings, brand red #CF2224 used only as an accent. */

:root {
  /* Brand red drives Material "primary"/"accent" — links, active nav, focus. */
  --md-primary-fg-color:        #CF2224;
  --md-primary-fg-color--light: #e04b4d;
  --md-primary-fg-color--dark:  #B71D1F;
  --md-accent-fg-color:         #B71D1F;

  --tcd-page:  #FCF1E6;   /* newsprint cream */
  --tcd-card:  #FFFFFF;
  --tcd-fg:    #15171A;
  --tcd-muted: #5B6470;
  --tcd-rule:  #E6E9EF;

  --md-text-font: "-apple-system";   /* fall through to the stack below */
}

/* Body sans matches the site; code stays monospace. */
body, .md-typeset {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, sans-serif;
}

/* Light scheme: cream page, ink text, red links. */
[data-md-color-scheme="default"] {
  --md-default-bg-color: var(--tcd-page);
  --md-default-fg-color: var(--tcd-fg);
  --md-typeset-a-color:  #CF2224;
}
[data-md-color-scheme="default"] .md-main { background: var(--tcd-page); }

/* ── Masthead: cream, not red. Dark text + logo, red kept for accents. ── */
[data-md-color-scheme="default"] .md-header {
  background-color: var(--tcd-page);
  color: var(--tcd-fg);
  box-shadow: 0 1px 0 var(--tcd-rule);
}
[data-md-color-scheme="default"] .md-header__title,
[data-md-color-scheme="default"] .md-header__button {
  color: var(--tcd-fg);
}
/* Serif wordmark, like the site's .brand-name. */
.md-header__title {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 700;
  letter-spacing: 0.02em;
}
/* Search field on a light header. */
[data-md-color-scheme="default"] .md-search__input {
  background-color: rgba(20, 22, 30, 0.06);
  color: var(--tcd-fg);
}
[data-md-color-scheme="default"] .md-search__input::placeholder {
  color: var(--tcd-muted);
}

/* Thin red rule under the masthead — the site's brand-rule motif. */
[data-md-color-scheme="default"] .md-header::after {
  content: "";
  display: block;
  position: absolute;
  left: 0; right: 0; bottom: -3px;
  height: 3px;
  background: #CF2224;
}

/* ── Content sits on a white card over the cream page (site's .card motif). ── */
[data-md-color-scheme="default"] .md-content {
  background: var(--tcd-card);
  border: 1px solid var(--tcd-rule);
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(20, 22, 30, 0.04), 0 4px 12px rgba(20, 22, 30, 0.04);
  margin: 1.2rem 0.8rem 2rem;
}
/* Breathing room inside the card so text isn't flush to the edge. */
[data-md-color-scheme="default"] .md-content__inner {
  padding: 0.4rem 1.6rem 1.6rem;
}
/* The left nav and right TOC stay on the cream page (no card). */
[data-md-color-scheme="default"] .md-sidebar {
  background: transparent;
}

/* Serif display headings with the red underline accent on H1. */
.md-typeset h1, .md-typeset h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 700;
  letter-spacing: 0.01em;
}
.md-typeset h1 {
  border-bottom: 3px solid #CF2224;
  padding-bottom: 0.25rem;
  display: inline-block;
}