/* Midnight lagoon — shared visual palette */
:root {
  --color-bg: #07131f !important;
  --color-bg-alt: #0d2133 !important;
  --color-bg-elevated: #143047 !important;
  --color-bg-deep: #0a2732 !important;
  --color-text: #f7f3e8 !important;
  --color-text-muted: #aebdca !important;
  --color-primary: #167f88 !important;
  --color-primary-soft: #27a6a5 !important;
  --color-gold: #d9ae55 !important;
  --color-gold-soft: #efcb7c !important;
  --color-border-subtle: rgba(202, 224, 230, .12) !important;
  --gray-400: #8093a4 !important;
}

html { background: #07131f; }

body {
  background: radial-gradient(circle at top left, #123d4b 0, #07131f 42%, #03080e 100%) !important;
}

body .site-header {
  background: linear-gradient(to bottom, rgba(5, 17, 28, .98), rgba(7, 19, 31, .96)) !important;
  border-bottom-color: rgba(239, 203, 124, .16) !important;
}

body .rt-ribbon {
  background: linear-gradient(90deg, rgba(7, 25, 37, .98), rgba(11, 39, 49, .98)) !important;
  border-bottom-color: rgba(239, 203, 124, .45) !important;
}

body .rt-ribbon__tag,
body .rt-brand__crest {
  border-color: rgba(239, 203, 124, .78) !important;
  background: radial-gradient(circle at 20% 0, rgba(217, 174, 85, .56), rgba(7, 26, 38, 1)) !important;
}

body .card {
  background: radial-gradient(circle at top left, rgba(18, 54, 70, .94), rgba(5, 17, 28, .98)) !important;
  border-color: rgba(201, 225, 230, .09) !important;
}

body .card--subtle { background: rgba(11, 32, 47, .97) !important; }
body .card--outlined { border-color: rgba(239, 203, 124, .58) !important; }

body .btn {
  background: linear-gradient(135deg, #13747e, #229c9a) !important;
  box-shadow: 0 18px 40px rgba(0, 8, 15, .62) !important;
}

body .btn:hover {
  background: linear-gradient(135deg, #1a9197, #39bbb2) !important;
}

body .btn.btn-secondary,
body .btn-ghost {
  background: radial-gradient(circle at top left, rgba(217, 174, 85, .23), rgba(10, 30, 46, .98)) !important;
  border-color: rgba(239, 203, 124, .74) !important;
  color: var(--color-text) !important;
}

body .btn-ghost { background: transparent !important; }

body .input,
body .textarea,
body .select {
  border-color: rgba(201, 225, 230, .16) !important;
  background: rgba(5, 20, 32, .96) !important;
}

body .site-footer {
  background: radial-gradient(circle at top, #103647 0, #040d16 72%) !important;
  border-top-color: rgba(239, 203, 124, .16) !important;
}

body .cookie-banner__inner,
body .age-modal__dialog {
  background: radial-gradient(circle at top left, rgba(18, 57, 70, .98), rgba(4, 15, 25, 1)) !important;
  border-color: rgba(239, 203, 124, .75) !important;
}

body .age-modal__backdrop {
  background: radial-gradient(circle at top, rgba(12, 56, 66, .9), rgba(2, 9, 15, .97)) !important;
}

body .site-nav__link::after,
body .section__index::after {
  background: linear-gradient(90deg, var(--color-gold), var(--color-primary-soft)) !important;
}