@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300;400;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');

:root {
  /* THE WARM Palette */
  --primary: #4a5d4e; /* Deep Sage */
  --accent: #e09f7d; /* Soft Terracotta */
  --background: #fdfbf7; /* Warm Cream */
  --foreground: #2d2a26; /* Soft Black */
  --muted: #f2ebe5; /* Beige */
  --muted-foreground: #8a8580; /* Warm Grey */
  --border: #e8e4de; /* Sand */
  
  --success: #5f8d4e;
  --warning: #eebb4d;
  --error: #d65a5a;
  --info: #7da0e0;
}

body {
  margin: 0;
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  background: var(--background);
  color: var(--foreground);
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Fraunces', serif;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: var(--muted-foreground);
  border-radius: 4px;
  opacity: 0.5;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--primary);
}