:root {
  --ledj-black: #080808;
  --ledj-soft-black: #151515;
  --ledj-white: #ffffff;
  --ledj-warm-white: #f7f4ee;
  --ledj-champagne-gold: #c9a45c;
  --ledj-light-champagne: #e8d7b2;
  --ledj-deep-gold: #7a5a14;
  --ledj-muted: #4a4a4a;
  --ledj-line: #d8d1c4;

  --ledj-font-display: "Cormorant Garamond", Georgia, serif;
  --ledj-font-body: Manrope, Arial, sans-serif;

  --ledj-space-1: 4px;
  --ledj-space-2: 8px;
  --ledj-space-3: 12px;
  --ledj-space-4: 16px;
  --ledj-space-6: 24px;
  --ledj-space-8: 32px;
  --ledj-space-12: 48px;
  --ledj-space-16: 64px;
  --ledj-space-24: 96px;
}

.ledj-section {
  padding-block: clamp(var(--ledj-space-12), 7vw, var(--ledj-space-24));
}

.ledj-section--dark {
  background: var(--ledj-black);
  color: var(--ledj-white);
}

.ledj-section--warm {
  background: var(--ledj-warm-white);
  color: var(--ledj-soft-black);
}

.ledj-display,
.ledj-section--dark .ledj-display {
  color: var(--ledj-champagne-gold);
  font-family: var(--ledj-font-display);
  font-weight: 600;
  line-height: 1.05;
  text-wrap: balance;
}

.ledj-gold-text-on-light {
  color: var(--ledj-deep-gold);
}

.ledj-button,
a.ledj-button {
  align-items: center;
  border: 2px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  font-family: var(--ledj-font-body);
  font-size: 1rem;
  font-weight: 700;
  justify-content: center;
  min-height: 44px;
  padding: 12px 22px;
  text-decoration: none;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

.ledj-button--primary,
a.ledj-button--primary {
  background: var(--ledj-champagne-gold);
  color: var(--ledj-black);
}

.ledj-button--primary:hover,
a.ledj-button--primary:hover {
  background: var(--ledj-light-champagne);
  color: var(--ledj-black);
}

.ledj-button--secondary,
a.ledj-button--secondary {
  background: var(--ledj-black);
  border-color: var(--ledj-black);
  color: var(--ledj-white);
}

:where(a, button, input, select, textarea):focus-visible {
  box-shadow: 0 0 0 3px var(--ledj-white), 0 0 0 6px var(--ledj-champagne-gold);
  outline: 2px solid transparent;
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}