:root {
  --ep-midnight: #0C1821;
  --ep-deep-navy: #142838;
  --ep-access-copper: #B66A45;
  --ep-soft-copper: #D09A7C;
  --ep-warm-ivory: #F7F4EF;
  --ep-stone: #E8E3DC;
  --ep-slate: #66717A;
  --ep-ink: #17212A;
  --ep-white: #FFFFFF;
  --ep-font-ui: "Inter", Arial, sans-serif;
  --ep-radius-sm: 6px;
  --ep-radius-md: 10px;
  --ep-radius-lg: 16px;
  --ep-shadow-soft: 0 10px 30px rgba(12,24,33,.10);
}

.ep-btn-primary {
  background: var(--ep-access-copper);
  color: var(--ep-white);
  border: 1px solid var(--ep-access-copper);
}
.ep-btn-primary:hover {
  background: #9F5B3A;
  border-color: #9F5B3A;
}
.ep-surface-dark {
  background: var(--ep-midnight);
  color: var(--ep-warm-ivory);
}
.ep-surface-light {
  background: var(--ep-warm-ivory);
  color: var(--ep-ink);
}