:root {
  --db-walnut: #2a2018;
  --db-saddle: #5b4230;
  --db-sage: #6e7a5c;
  --db-sage-dark: #56604a;
  --db-offwhite: #fbf9f4;
  --db-ivory: #f3ede2;
  --db-line: #ddd3c0;
}

body {
  font-family: "Inter Tight", ui-sans-serif, system-ui, sans-serif;
}

.font-display {
  font-family: "Playfair Display", ui-serif, Georgia, serif;
}

details > summary {
  list-style: none;
}
details > summary::-webkit-details-marker {
  display: none;
}

.db-hero-fade {
  -webkit-mask-image: radial-gradient(ellipse 75% 75% at 50% 40%, #000 60%, transparent 100%);
  mask-image: radial-gradient(ellipse 75% 75% at 50% 40%, #000 60%, transparent 100%);
}

.db-underline-draw {
  transform: scaleX(0);
  transform-origin: left;
  animation: db-underline-draw-in 0.6s ease-out 0.2s forwards;
}
@keyframes db-underline-draw-in {
  to { transform: scaleX(1); }
}