@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,800;1,400&display=swap');

:root {
  --md-primary-fg-color: #2A2421;        
  --md-primary-fg-color--dark: #1F1A17; 
  --md-default-bg-color: #FAF7F0;        
  --md-default-fg-color: #2B2B2B;       
  --md-code-bg-color: #F0EAE1;           
  --md-accent-fg-color: #8C4A27;        
}

body, .md-typeset {
  font-family: 'Merriweather', Georgia, serif;
  font-size: 1.02rem;
  line-height: 1.8;
  color: #2B2B2B;
}

.md-typeset h1, 
.md-typeset h2, 
.md-typeset h3 {
  font-family: 'Playfair Display', Georgia, serif;
  font-weight: 800;
  color: #1F1A17;
  letter-spacing: -0.01em;
}

.md-header {
  background-color: #2A2421 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.md-tabs {
  background-color: #38302C !important;
}

.md-typeset blockquote {
  border-left: 4px solid #8C4A27;
  background-color: #F3EDDE;
  padding: 12px 20px;
  border-radius: 0 8px 8px 0;
  font-style: italic;
  color: #4A3E3D;
}

.md-typeset table:not([class]) {
  background-color: #F7F3E9;
  border: 1px solid #E6DEC2;
  border-radius: 6px;
}

.md-typeset table:not([class]) th {
  background-color: #EBE3D0;
  color: #1F1A17;
}