/* Custom theme to align with provided mobile UI (rounded cards, soft shadows, pill badges) */
:root {
  --gmna-primary: #0e6eff;
  --gmna-secondary: #1f2937;
  --gmna-accent: #0fc9b5;
  --gmna-muted: #6b7280;
  --gmna-bg: #f7f9fc;
  --gmna-card: #ffffff;
  --gmna-radius-lg: 18px;
  --gmna-radius-sm: 12px;
  --gmna-shadow: 0 10px 30px rgba(15, 105, 255, 0.08);
}

body {
  background: var(--gmna-bg);
  font-family: 'Poppins', 'Inter', system-ui, -apple-system, sans-serif;
}

.navbar,
.offcanvas {
  /* border-radius: 0 0 var(--gmna-radius-lg) var(--gmna-radius-lg); */
  box-shadow: var(--gmna-shadow);
}

.card {
  border-radius: var(--gmna-radius-lg);
  border: 0;
  box-shadow: var(--gmna-shadow);
}

.badge {
  border-radius: 999px;
  font-weight: 600;
  padding: 0.45rem 0.8rem;
}

.btn {
  border-radius: var(--gmna-radius-sm);
  font-weight: 700;
}

.btn-primary {
  background: linear-gradient(90deg, #0e6eff, #0fc9b5);
  border: 0;
}

.btn-outline-primary {
  border: 1.5px solid #0e6eff;
  color: #0e6eff;
  background: #eef4ff;
}

.hero,
.section-muted,
.section {
  background: var(--gmna-bg);
}

.chip-group .badge,
.pill {
  background: #eef4ff;
  color: #0e6eff;
  border: 1px solid #d8e6ff;
}

.text-muted {
  color: var(--gmna-muted) !important;
}

.shadow-soft {
  box-shadow: var(--gmna-shadow);
}

.rounded-hero {
  border-radius: var(--gmna-radius-lg);
}

@media (max-width: 576px) {
  .card { border-radius: 16px; }
  .btn { width: 100%; }
}