:root {
  --navy: #4a3226;
  --navy-dark: #332218;
  --navy-deep: #211510;
  --accent: #a2451f;
  --accent-dark: #7c3318;
  --accent-soft: #f6e7d8;
  --text: #3b2f24;
  --muted: #6d5a48;
  --faint: #9a8771;
  --bg: #f7f1e2;
  --card: #fdf8ec;
  --line: #e4d8bf;
  --good: #0e7a50;
  --good-bg: #e9f7f0;
  --bad: #b3273a;
  --bad-bg: #fceef0;
  --warn-bg: #fbf0d8;
  --warn: #8a6414;
}

body {
  font-family: Georgia, 'Times New Roman', Palatino, serif;
  background:
    linear-gradient(rgba(74, 50, 38, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(74, 50, 38, 0.035) 1px, transparent 1px),
    var(--bg);
  background-size: 34px 34px;
}

h1,
h2,
h3,
h4,
.page-head h1,
.section h2,
.section h3,
.card h3,
.course-card h3,
details.faq-item summary {
  font-family: Georgia, 'Times New Roman', serif;
  letter-spacing: 0.02em;
}

.nav {
  border-bottom: 4px double #a2451f;
  box-shadow: 0 2px 10px rgba(33, 21, 16, 0.35);
}

.nav .logo {
  font-variant: small-caps;
  letter-spacing: 0.09em;
}

.page-head p {
  color: #e9cbb2;
}

.page-head .crumbs {
  color: #cdaa8d;
}

.page-head {
  border-bottom: 4px double #a2451f;
}

.section h2 {
  border-bottom: 1px dashed var(--accent);
  padding-bottom: 0.5rem;
}

.hero {
  border: 1px solid var(--line);
  border-top: 4px double var(--accent);
  box-shadow: 4px 4px 0 rgba(74, 50, 38, 0.08);
}

.card,
.course-card,
.timeline,
.accordion details,
.table-wrap,
.topic-grid div,
.author-grid div,
.term-grid div {
  border-radius: 2px;
  box-shadow: 2px 2px 0 rgba(74, 50, 38, 0.06);
}

.btn {
  border-radius: 2px;
  font-family: Georgia, 'Times New Roman', serif;
  letter-spacing: 0.03em;
}

.timeline {
  border-left: 4px solid var(--accent);
}

footer {
  border-top: 4px double #a2451f;
}