/* ----- Brand palette (tweak if you like) ----- */
:root{
  --pm-primary: #0D5B68;   /* deep teal/blue from logo bg */
  --pm-accent:  #D4A017;   /* gold from crown text */
  --pm-dark:    #0A2E36;   /* dark teal for headings */
  --pm-soft:    #F7FAFC;   /* soft page background */
}

/* Bootstrap overrides (keep names so components inherit) */
.bg-primary        { background-color: var(--pm-primary) !important; }
.btn-primary       { background-color: var(--pm-primary); border-color: var(--pm-primary); }
.btn-primary:hover { filter: brightness(1.05); }
.text-primary      { color: var(--pm-primary) !important; }
.border-primary    { border-color: var(--pm-primary) !important; }

body.bg-light { background: var(--pm-soft) !important; }
.card { border: 1px solid rgba(0,0,0,.06); border-radius: .9rem; }
.navbar .navbar-brand { font-weight: 700; letter-spacing: .2px; display:flex; align-items:center; gap:.5rem; }
.navbar-brand img { height: 36px; width:auto; display:block; }
.hero-title { color: var(--pm-dark); }
.hero-accent { color: var(--pm-accent); }

.badge-accent {
  background: var(--pm-accent);
  color: #1b1b1b;
  font-weight: 700;
}

.form-help { color:#6b7280; }