/* Plan A Wedding — soft light theme (rose-gold / navy / cream), overrides styles.css.
   Loaded AFTER styles.css on the wedding pages. Palette pulled from the logo. */
:root,
html[data-world],
html:not([data-world]) {
  --gold: #c0876e;      /* rose-gold accent + primary button */
  --gold-hi: #cf9c84;
  --gold-lo: #a56b52;
  --ink: #ffffff;       /* text on primary buttons */
  --text: #3a4658;      /* body text (navy-grey) */
  --muted: #8b93a3;
  --box-bg: #f4ece6;
  --card-bg: #ffffff;
  --field-bg: #ffffff;
  --nav-bg: rgba(255, 255, 255, .92);
  --panel-bg: #ffffff;
}

body {
  background: #faf6f2 !important;
  color: var(--text);
  background-image:
    radial-gradient(700px 340px at 12% -5%, rgba(192, 135, 110, .10), transparent 60%),
    radial-gradient(680px 320px at 100% 0%, rgba(156, 90, 99, .08), transparent 60%) !important;
}

h1, h2, h3 { color: #2c3a52; }
p, li, label, .lead { color: var(--text); }
.lead { color: #5a6472; }
.muted, .empty-state { color: var(--muted) !important; }
a { color: var(--gold-lo); }

/* top bar */
.topbar {
  background: var(--nav-bg) !important;
  border-bottom: 1px solid #ede3db !important;
  box-shadow: 0 1px 24px rgba(44, 58, 82, .05);
  backdrop-filter: saturate(1.1) blur(8px);
}
.topbar .brand, .brand { color: #2c3a52 !important; }
.topbar nav a { color: #4a5568 !important; }
.topbar nav a:hover { color: var(--gold) !important; }

/* eyebrows / section labels */
.eyebrow { color: var(--gold) !important; }

/* panels & cards */
.panel, .card, .dash-card {
  background: #ffffff !important;
  border: 1px solid #ede3db !important;
  box-shadow: 0 8px 28px rgba(44, 58, 82, .05);
}
.product-card, .vcard {
  background: #ffffff !important;
  border: 1px solid #ede3db !important;
  box-shadow: 0 8px 22px rgba(44, 58, 82, .05);
  color: var(--text);
}
.vcard .cat, .vhead .cat { color: var(--gold-lo) !important; }
.vcard .badge, .vhead .badge { border-color: var(--gold) !important; color: var(--gold-lo) !important; }

/* hero */
.hero { background: transparent !important; }
.paw-hero-logo {
  background: #ffffff;
  box-shadow: 0 14px 44px rgba(44, 58, 82, .12);
  border: 1px solid #f0e7e0;
}

/* buttons */
.button {
  background: var(--gold) !important;
  color: #ffffff !important;
  border: 1px solid var(--gold) !important;
  box-shadow: 0 6px 18px rgba(192, 135, 110, .28);
}
.button:hover { background: var(--gold-hi) !important; border-color: var(--gold-hi) !important; }
.button.secondary {
  background: transparent !important;
  color: #2c3a52 !important;
  border: 1px solid #dcccc2 !important;
  box-shadow: none;
}
.button.secondary:hover { background: rgba(192, 135, 110, .10) !important; }

/* fields */
input, select, textarea {
  background: #ffffff !important;
  border: 1px solid #e4d8cf !important;
  color: #3a4658 !important;
}
input:focus, select:focus, textarea:focus {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 3px rgba(192, 135, 110, .16) !important;
}

/* wedding-page accents already using rose-gold stay; just soften step outlines */
.wed-tier.pop { outline-color: var(--gold) !important; }
.wed-hero .eyebrow, .wed-steps .num, .wed-cats h3 { color: var(--gold-lo); }

/* pager */
.pager button { border: 1px solid #dcccc2 !important; color: #2c3a52 !important; }
.pager button:hover:not([disabled]) { background: rgba(192, 135, 110, .1) !important; }

/* shared BrainO-family footer → light Plan A Wedding treatment (braino-family.js uses no !important, so these win) */
.bfam { background: #f4ece6 !important; color: #5a6472 !important; border-top: 4px solid var(--gold) !important; }
.bfam a { color: #6a7486 !important; }
.bfam a:hover { color: var(--gold-lo) !important; }
.bfam .bf-brand { color: #2c3a52 !important; }
.bfam .bf-brand b { color: var(--gold) !important; }
.bfam .bf-member { color: #8b93a3 !important; border-color: rgba(44,58,82,.16) !important; }
.bfam .bf-btn { background: rgba(44,58,82,.05) !important; border-color: rgba(44,58,82,.16) !important; color: #3a4658 !important; }
.bfam .bf-fam, .bfam .bf-explore, .bfam .bf-power { border-top-color: rgba(44,58,82,.1) !important; }
.bfam .bf-fam .lbl, .bfam .bf-explore .lbl, .bfam .bf-power { color: #8b93a3 !important; }
.bfam .bf-fam a.cur { color: var(--gold) !important; }
.bfam .bf-power b { color: #2c3a52 !important; }

/* selection */
::selection { background: rgba(192, 135, 110, .25); }