/**
 * TCM Body Constitution — Stitch redesign tokens
 * Cinnabar red + cream paper + brown serif typography
 */
:root {
  --accent: #A13D2D;
  --accent-dark: #8a3326;
  --paper: #faf9f4;
  --paper-warm: #f5f4ef;
  --paper-card: #ffffff;
  --stone: #dbdad5;
  --brown: #5c4b41;
  --ink: #5c4b41;
  --ink-muted: rgba(92, 75, 65, 0.82);
  --text-body: #333333;
  /* Legacy aliases used across inner pages */
  --green: var(--accent);
  --green-light: rgba(161, 61, 45, 0.08);
  --water: #7a9ba8;
  --water-light: #c5d8df;
  --water-deep: var(--accent-dark);
  --earth: #8b7355;
  --border: rgba(219, 218, 213, 0.65);
  --border-strong: rgba(219, 218, 213, 0.95);
  --shadow-soft: 0 1px 3px rgba(92, 75, 65, 0.08);
  --shadow-card: 0 20px 40px rgba(92, 75, 65, 0.12);
  --radius-sm: 4px;
  --radius-md: 4px;
  --radius-lg: 4px;
  --font-serif: "Noto Serif", "Noto Serif SC", "Songti SC", "STSong", Georgia, serif;
  --font-sans: "Noto Serif", "Noto Serif SC", -apple-system, BlinkMacSystemFont, "PingFang SC", serif;
}

body {
  font-family: var(--font-serif);
  background-color: var(--paper);
  color: var(--text-body);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

html.fonts-loaded {
  --font-serif: "Noto Serif", "Noto Serif SC", "Noto Serif TC", "Songti SC", "STSong", Georgia, serif;
}

h1, h2, h3, h4, .site-logo, .section-header h2, .page-hero h1, .hero h1 {
  font-family: var(--font-serif);
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--brown);
}

a {
  color: var(--accent);
  text-decoration: none;
  transition: color 0.15s ease;
}
a:hover {
  color: var(--accent-dark);
}

.section-header h2 {
  text-align: left;
  font-size: 1.875rem;
  margin: 0 0 8px;
}
.section-header h2::after {
  content: "";
  display: block;
  width: 80px;
  height: 4px;
  margin: 16px 0;
  border-radius: 0;
  background: var(--accent);
  opacity: 1;
}