/* Base resets + brand atomics that live outside Tailwind. */

:root {
  --rmys-navy: #1E2A44;
  --rmys-red: #C8312A;
  --rmys-yellow: #F2B936;
  --rmys-mountain: #3F6FA8;
  --rmys-cream: #F5F1E8;
  --rmys-ink: #0F1626;
  --rmys-muted: #6B7280;
}

html, body {
  background: var(--rmys-cream);
  color: var(--rmys-ink);
  font-family: 'Alegreya Sans', system-ui, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, .font-head {
  font-family: 'Archivo Narrow', system-ui, sans-serif;
  font-weight: 700;
  letter-spacing: -0.005em;
}

a { color: var(--rmys-mountain); }
a:hover { color: var(--rmys-red); }

.btn-primary {
  background: var(--rmys-red);
  color: #fff;
  font-family: 'Archivo Narrow', sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: background 0.15s ease;
}
.btn-primary:hover { background: #a4271f; color: #fff; }

.btn-secondary {
  background: var(--rmys-navy);
  color: #fff;
  font-family: 'Archivo Narrow', sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.btn-secondary:hover { background: #0F1626; color: #fff; }

.badge-featured {
  background: var(--rmys-yellow);
  color: var(--rmys-ink);
  font-family: 'Archivo Narrow', sans-serif;
  font-weight: 700;
  font-size: 0.7rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
}

.chip {
  background: rgba(63,111,168,0.1);
  color: var(--rmys-mountain);
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0.2rem 0.6rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.card {
  background: #fff;
  border-radius: 0.75rem;
  box-shadow: 0 1px 3px rgba(15,22,38,0.08), 0 4px 12px rgba(15,22,38,0.05);
  overflow: hidden;
}

/* Header / nav */
.site-header {
  background: var(--rmys-navy);
  color: #fff;
}
.site-header nav a { color: #fff; }
.site-header nav a:hover { color: var(--rmys-yellow); }
.site-header > div > a { color: #fff; } /* logo wordmark */

/* Footer */
.site-footer {
  background: var(--rmys-ink);
  color: #fff;
}
.site-footer a { color: var(--rmys-yellow); }

/* Leaflet override — match brand */
.leaflet-container { font-family: 'Alegreya Sans', sans-serif; border-radius: 0.75rem; }
.leaflet-popup-content-wrapper { border-radius: 0.5rem; }