@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Mulish:wght@400;500;600;700&display=swap');

/* =========================================================================
   WeddingStack theme.
   Loads last, so it overrides the base MyBizStack tokens. The base system
   references tokens only, so re-skinning is exactly this: new token values.
   Warm ivory + charcoal, rose gold as the one accent, champagne as trim.
   A wedding site is LIGHT — the base dark theme is neutralised below so a
   guest on a dark-mode phone still sees the airy light version.
   ========================================================================= */
:root{
  --bg:#FAF6F1; --surface:#FFFFFF; --surface-2:#FBF7F1; --sunken:#F1EADF;
  --line:#E7DFD4; --line-strong:#D8CCBB;
  --ink:#2A2622; --ink-2:#6E645A; --ink-3:#948A7D; --ink-inv:#FFFFFF;
  --brand:#AA625B; --brand-hi:#BC736A; --brand-lo:#8C4F49;
  --brand-wash:#F4E7E3; --brand-ring:rgba(170,98,91,.26);
  --good:#5E7E63; --good-wash:#EAF0E9;
  --warn:#9E7C45; --warn-wash:#F5ECDD;
  --bad:#A2503F; --bad-wash:#F6E7E2;
  --field:#FFFFFF; --field-line:#DDD2C4;
  --gold:#9E7C45; --gold-soft:#C7A86E;
  --sans:'Mulish',-apple-system,BlinkMacSystemFont,system-ui,'Segoe UI',sans-serif;
  --serif:'Fraunces',Georgia,'Times New Roman',serif;
  --shadow:0 1px 2px rgba(42,38,34,.05), 0 1px 3px rgba(42,38,34,.05);
  --shadow-lift:0 2px 4px rgba(42,38,34,.06), 0 12px 28px rgba(42,38,34,.09);
}
@media (prefers-color-scheme:dark){:root{
  --bg:#FAF6F1; --surface:#FFFFFF; --surface-2:#FBF7F1; --sunken:#F1EADF;
  --line:#E7DFD4; --line-strong:#D8CCBB;
  --ink:#2A2622; --ink-2:#6E645A; --ink-3:#948A7D; --ink-inv:#FFFFFF;
  --brand:#AA625B; --brand-hi:#BC736A; --brand-lo:#8C4F49;
  --brand-wash:#F4E7E3; --brand-ring:rgba(170,98,91,.26);
  --good:#5E7E63; --good-wash:#EAF0E9;
  --warn:#9E7C45; --warn-wash:#F5ECDD;
  --bad:#A2503F; --bad-wash:#F6E7E2;
  --field:#FFFFFF; --field-line:#DDD2C4;
  --shadow:0 1px 2px rgba(42,38,34,.05), 0 1px 3px rgba(42,38,34,.05);
  --shadow-lift:0 2px 4px rgba(42,38,34,.06), 0 12px 28px rgba(42,38,34,.09);
}}

/* Fraunces on the display type: page titles, the wordmark, big numbers. */
h1,.auth h1,.hero .v,.stat .v,.brand .word,.pagehead h1{
  font-family:var(--serif);font-weight:500;letter-spacing:-.012em;
}
.brand .word{font-weight:600;font-size:19px;letter-spacing:0}
/* Monogram: a rose-gold ring instead of a filled square. */
.brand .logo{
  background:transparent;border:1.6px solid var(--brand);color:var(--brand);
  border-radius:50%;font-weight:700;
}
.navitem.on{font-weight:600}