/* premium-theme.css — recolors United Marketing AI's token system to the
   cream / navy / gold luxury palette. Works on any page that uses the app's
   CSS variables (--bg, --panel, --txt, --accent, --line, ...). No structure
   or JS change; overrides the light AND dark token sets so both become premium. */

:root,
html, body,
[data-theme], [data-theme="dark"], [data-theme="light"],
.dark, .theme-dark, .light, .theme-light,
body.dark, body.theme-dark, body.light {
  --bg:#F5F2EB !important;
  --panel:#FFFEFA !important;
  --panel2:#FBF8F1 !important;
  --txt:#162238 !important;
  --muted:#7B8492 !important;
  --line:#E7E1D6 !important;
  --accent:#B97920 !important;
  --accent-soft:rgba(185,121,32,.13) !important;
  --grn:#16A36C !important;
  --red:#E4573D !important;
  --yel:#C98A2E !important;
  --barTop:#D49A4B !important;
  --barBot:#A96818 !important;
  --shadow:0 2px 6px rgba(22,34,56,.05),0 14px 34px -18px rgba(22,34,56,.18) !important;
}

/* Premium editorial headings where the app doesn't force its own font */
h1, h2, h3, .h1, .h2, .h3, .title, .card-title {
  font-family:"Playfair Display", Georgia, serif;
  letter-spacing:-.01em;
}

/* Nudge primary/accent buttons to gold if they use a hardcoded old accent */
.btn.primary, .btn-primary, button.primary {
  background:linear-gradient(135deg,#A96818,#D49A4B) !important;
  border-color:transparent !important;
  color:#fff !important;
}

/* ---- Fix hardcoded-dark elements on sub-tool pages (SEO, Analytics, Clients, Planner) ---- */
.card, .tile, .panel, .box { background:#FFFEFA !important; color:#162238 !important; border:1px solid #E7E1D6 !important; }
.btn { background:#FFFEFA !important; color:#162238 !important; border:1px solid #E7E1D6 !important; }
.btn.on, .btn.active { background:linear-gradient(135deg,#A96818,#D49A4B) !important; color:#fff !important; border-color:transparent !important; }
.banner { background:#FBF8F1 !important; color:#162238 !important; border:1px solid #E7E1D6 !important; }
.banner.warn { background:#FCEED2 !important; color:#7A5A00 !important; border-color:#F0DCA8 !important; }
input, textarea, select { background:#FBF8F1 !important; color:#162238 !important; border:1px solid #E7E1D6 !important; }
input::placeholder, textarea::placeholder { color:#A9AEB8 !important; }