:root {
  --atl-color-navy: #0d1b2a;
  --atl-color-navy-soft: #1b2e40;
  --atl-color-gold: #c89b4a;
  --atl-color-gold-soft: #e8c07a;
  --atl-color-cream: #f8f4ee;
  --atl-color-cream-dark: #ede6d8;
  --atl-color-text: #1a1a1a;
  --atl-color-text-mid: #4a4a4a;
  --atl-color-text-muted: #7a7a7a;
  --atl-color-white: #ffffff;
  --atl-radius-sm: 4px;
  --atl-radius-md: 12px;
  --atl-shadow-card: 0 16px 40px rgba(0, 0, 0, 0.08);
  --atl-transition-fast: 0.2s ease;
}

body {
  font-family: 'Be Vietnam Pro', sans-serif;
}

:where(a, button, input, textarea, select):focus-visible {
  outline: 3px solid rgba(200, 155, 74, 0.45);
  outline-offset: 3px;
}

:where(.nav-cta, .btn-primary, .btn-submit, .cta-btn, .button) {
  border-radius: var(--atl-radius-sm);
  transition:
    background var(--atl-transition-fast),
    color var(--atl-transition-fast),
    border-color var(--atl-transition-fast),
    transform 0.15s ease,
    box-shadow var(--atl-transition-fast);
}

:where(.nav-cta, .btn-primary, .btn-submit, .cta-btn) {
  background: var(--atl-color-gold);
  color: var(--atl-color-navy);
}

:where(.nav-cta, .btn-primary, .btn-submit, .cta-btn):hover {
  background: var(--atl-color-gold-soft);
  color: var(--atl-color-navy);
  transform: translateY(-2px);
}

.u-text-center {
  text-align: center;
}

.u-text-white {
  color: var(--atl-color-white);
}