/**
 * Warm vintage print theme
 * 米白纸感 + 赭石/焦糖主色，复古印刷质感
 */

:root > * {
  /* ---- palette ---- */
  --md-primary-fg-color:        #9a5a2e;  /* 赭石 sienna */
  --md-primary-fg-color--light: #b06c3b;
  --md-primary-fg-color--dark:   #7c4623;
  --md-primary-bg-color:         #faf4e8;  /* 米白纸色 */
  --md-default-bg-color:         #faf4e8;

  --md-accent-fg-color:          #b5682a;  /* 焦糖橙 */
  --md-accent-fg-color--transparent: rgba(181, 104, 42, 0.1);

  --md-typeset-a-color:          #a0562b;  /* 暖棕链接 */

  --md-code-bg-color:            #f4ecda;
  --md-code-fg-color:            #5a4936;

  --paper-line: rgba(140, 92, 50, 0.22);
  --paper-card: #fffdf6;
}

/* ---- header / tabs ---- */
.md-header, .md-tabs {
  --md-default-fg-color: #fdf9f0;
  --md-default-bg-color--light: #9a5a2e;
}

.md-header {
  box-shadow: 0 2px 6px rgba(90, 58, 28, 0.28);
}

.md-tabs {
  background-color: #9a5a2e;
  border-bottom: 3px double rgba(253, 249, 240, 0.35);
}

/* ---- paper background ---- */
.md-main {
  background-color: #faf4e8;
  background-image:
    radial-gradient(at 12% 6%, rgba(206, 160, 106, 0.12) 0px, transparent 52%),
    radial-gradient(at 88% 94%, rgba(178, 128, 88, 0.10) 0px, transparent 52%);
}

/* ---- typography: serif headings for a printed feel ---- */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  font-family: Georgia, "Times New Roman", "Songti SC", serif;
  font-weight: 700;
  color: #4a3524;
  letter-spacing: 0.01em;
}

.md-typeset h2 {
  border-bottom: 1px solid var(--paper-line);
  padding-bottom: 0.25em;
}

.md-typeset h1 {
  border-bottom: 3px double var(--paper-line);
  padding-bottom: 0.3em;
}

/* ---- links: keep readable, warm ---- */
.md-typeset a {
  text-decoration-color: rgba(160, 86, 43, 0.35);
}
.md-typeset a:hover {
  color: #8c4a20;
}

/* ---- images: vintage photo frame ---- */
.md-typeset img {
  background: var(--paper-card);
  border: 1px solid #e2d3b8;
  padding: 5px;
  box-shadow: 0 2px 8px rgba(96, 64, 32, 0.18);
  /* keep the declared width incl. frame, so floats never overflow the column */
  box-sizing: border-box;
}

/* ---- photo row: images side by side, text flows below ---- */
.md-typeset .photo-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
  align-items: center;
  margin: 0 0 1.4rem;
  clear: both;
}

/* unwrap the <p> that markdown puts around each image */
.md-typeset .photo-row > p {
  display: contents;
}

.md-typeset .photo-row img {
  width: 100%;
  height: auto;
  margin: 0;
}

/* ---- small screens: never squeeze text next to a float ---- */
@media screen and (max-width: 59.9375em) {
  .md-typeset img[align="left"],
  .md-typeset img[align="right"] {
    float: none;
    display: block;
    margin: 0 auto 1rem;
    max-width: 100%;
  }
  .md-typeset .photo-row {
    grid-template-columns: 1fr;
  }
}

/* ---- blockquotes / admonitions / tables ---- */
.md-typeset blockquote {
  border-left: 3px solid #c8a06a;
  color: #6b5742;
}

.md-typeset table:not([class]) {
  border: 1px solid #e2d3b8;
  box-shadow: 0 1px 4px rgba(96, 64, 32, 0.10);
}

.md-typeset table:not([class]) th {
  background-color: #f1e6d0;
  color: #4a3524;
}

/* ---- code blocks: aged paper ---- */
.md-typeset pre > code {
  background-color: #f4ecda;
}

/* ---- footer ---- */
.md-footer {
  background-color: #7c4623;
}

.md-footer-meta {
  background-color: #6a3c1d;
}

/* ---- sidebar ---- */
.md-nav {
  color: #5c4a38;
}

.md-nav__link:hover {
  color: #a0562b;
}

.md-nav__link--active,
.md-nav__link--active:hover {
  color: #9a5a2e;
}