:root {
  --navy: #312e81;
  --navy-dark: #211e5e;
  --navy-deep: #15133d;
  --accent: #4f46e5;
  --accent-dark: #3b36b6;
  --accent-soft: #eef0fc;
  --text: #232342;
  --muted: #55557a;
  --faint: #8a8ab0;
  --bg: #f6f7fc;
  --card: #ffffff;
  --line: #e2e4f4;
  --good: #0e7a50;
  --good-bg: #e9f7f0;
  --bad: #b3273a;
  --bad-bg: #fceef0;
  --warn-bg: #fdf6e6;
  --warn: #8a6414;
}

body {
  background:
    radial-gradient(ellipse 60% 40% at 50% -10%, rgba(79, 70, 229, 0.08), transparent),
    var(--bg);
}

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.015em;
}

.nav {
  box-shadow: 0 2px 10px rgba(21, 19, 61, 0.35);
  border-bottom: 3px solid var(--accent);
}

.nav .logo {
  letter-spacing: 0.08em;
}

.nav .logo svg {
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
}

.page-head {
  border-bottom: 3px solid var(--accent);
}

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

.page-head .crumbs {
  color: #9b93dc;
}

.section h2 {
  border-bottom: 2px solid var(--line);
  padding-bottom: 0.5rem;
}

.hero,
.card,
.course-card,
.timeline,
.accordion details,
.table-wrap,
.topic-grid div,
.author-grid div,
.term-grid div {
  border-radius: 6px;
}

.btn {
  border-radius: 6px;
}

.btn.small {
  border-radius: 5px;
}

.hero {
  border-top: 4px solid var(--accent);
}

.stat-num {
  font-family: Georgia, 'Times New Roman', serif;
}

footer {
  border-top: 3px solid var(--accent);
}