@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600&family=Spectral+SC:wght@400;600;700&display=swap');

:root {
  --body-font: 'Cormorant Garamond', serif;
  --title-font: 'Spectral SC', serif;
  --mono-font: 'Fira Mono', monospace;
  --ink: #1a1a1a;
  --muted: #6b6b6b;
  --accent: #a60000;
  --soft-accent: #fceaea;
  --paper: #fcfbf7;
  --hairline: #e3e3e0;
}

html, body {
  background: var(--paper);
  color: var(--ink);
  font-family: var(--body-font);
  font-size: 19px;
  line-height: 1.6;
}

h1, h2, h3, h4, h5 {
  font-family: var(--title-font);
  color: var(--accent);
}

a { color: var(--accent); }
a:hover { text-decoration: underline; }

.navbar, .quarto-sidebar {
  background: #fffdf8;
  border-right: 1px solid var(--hairline);
}

blockquote {
  border-left: 2px solid var(--accent);
  padding-left: 1rem;
  color: var(--muted);
  background: #fff;
}

code, pre {
  font-family: var(--mono-font);
}


/* Navbar font improvements */
.navbar .navbar-title, .navbar a, .quarto-sidebar .sidebar-title, .quarto-sidebar a {
  color: var(--ink) !important;
  font-family: var(--title-font);
}
.navbar a:hover, .quarto-sidebar a:hover {
  color: var(--accent) !important;
}


/* Harmonize navbar & sidebar background with site paper */
.navbar, .quarto-sidebar {
  background: var(--paper) !important;
  border-right: 1px solid var(--hairline);
  box-shadow: none;
}

/* Sidebar link+section titles use title font and proper contrast */
.quarto-sidebar .sidebar-title,
.quarto-sidebar .sidebar-item-section > .sidebar-item-container > .sidebar-item-text,
.quarto-sidebar .sidebar-link,
.navbar .navbar-title, .navbar a {
  color: var(--ink) !important;
  font-family: var(--title-font);
  letter-spacing: 0.2px;
}

.quarto-sidebar .sidebar-link:hover,
.navbar a:hover {
  color: var(--accent) !important;
  background: transparent;
}

/* Add subtle divider under navbar for structure */
.navbar {
  border-bottom: 1px solid var(--hairline);
}