:root {
  --surface: #e8ffee;
  --surface-container-low: #dbfce5;
  --surface-container-highest: #caead4;
  --surface-variant: rgba(232, 255, 238, 0.7);
  --secondary: #9a4522;
  --tertiary: #78560f;
  --primary: #aa3000;
  --primary-container: #cc481b;
  --on-surface: #042013;
  --on-primary: #ffffff;
  --ghost-border: rgba(225, 191, 182, 0.15);
}
body {
  background-color: var(--surface);
  color: var(--on-surface);
  font-family: 'Plus Jakarta Sans', sans-serif;
  line-height: 1.6;
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5, h6, .display-lg {
  font-family: 'Manrope', sans-serif;
  color: var(--on-surface);
}
a {
  color: var(--primary);
  text-decoration: none;
}
nav {
  background: var(--surface-variant);
  backdrop-filter: blur(20px);
}
.btn-primary {
  background: linear-gradient(to right, var(--primary), var(--primary-container));
  color: var(--on-primary);
  padding: 1rem 2.5rem;
  border-radius: 0.75rem;
  border: none;
  cursor: pointer;
}