/* Brand presets. Edit these tokens to change both pages without touching layout.
   Original reference: onenessgeneration.org, inspected 15 October 2026.
   Source cream #F9F4EA, ochre #B78036, olive #9C9E80 / #605F4B.
   Darker ochre is used for small text / filled buttons for contrast. */
:root {
  --brand-gold:#b78036; --ivory:#f9f4ea; --white:#fffcf6;
  --forest:#896026; --forest-deep:#704c1d; --sage:#e9e8da;
  --gold:#e9d3ae; --clay:#896026; --ink:#383a30; --muted:#636354;
  --line:#d9d4c5; --accent-text:#807044; --soft-warm:#efe2cf;
  --region-eu:#e2e3d3; --region-asia:#eee0ce; --region-india:#ead5ae; --region-na:#e5e6dc;
  --header-bg:#f9f4eaf5; --art-ink:#9c9e80;
  --font-body:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-heading:var(--font-body); --heading-weight:600; --heading-style:normal;
  --radius:20px; --max:1240px;
}
:root[data-theme="soft"] {
  --ivory:#fffdf8; --white:#ffffff; --sage:#f1eee3; --gold:#eee0c5;
  --forest:#706d4c; --forest-deep:#555238; --clay:#896026;
  --header-bg:#fffdf8f5; --region-eu:#eeeee3; --region-asia:#f4eade;
  --region-india:#f2e7cf; --region-na:#edf0e8; --heading-weight:500;
}
:root[data-theme="woodland"] {
  --ivory:#f8f6ef; --forest:#28483c; --forest-deep:#203b32; --sage:#e6ecdf;
  --gold:#efd58b; --clay:#a1533d; --ink:#263c32; --muted:#626b61;
  --line:#d9ded2; --white:#fffefa; --accent-text:#56705b; --soft-warm:#efe7d8;
  --region-eu:#e4e9d7; --region-asia:#e8dcd1; --region-india:#eee1b7; --region-na:#dce5e5;
  --header-bg:#f8f6eff5; --art-ink:#28483c80;
  --font-body:'DM Sans',Arial,sans-serif; --font-heading:'Fraunces',Georgia,serif;
  --heading-weight:400; --heading-style:italic;
}
/* Typography adjustments are independent of the preserved page layout. */
h1 em,h2 em,h3 em{font-style:var(--heading-style);font-weight:inherit}
:root:not([data-theme="woodland"]) .collage-note,
:root:not([data-theme="woodland"]) .handwritten,
:root:not([data-theme="woodland"]) .hero-note{font-style:normal;font-size:16px}
:root:not([data-theme="woodland"]) #main-nav>a:not(.button){color:var(--forest)}
.online-invitation{border-top:1px solid var(--line);padding-block:55px 65px;display:grid;grid-template-columns:1.4fr .7fr;gap:75px;align-items:center}
.online-invitation h2{font-size:clamp(34px,3.5vw,46px);margin-bottom:20px}
.online-invitation p:not(.eyebrow){max-width:550px;color:var(--muted)}
.online-invitation .large-copy{color:var(--ink)!important;margin-bottom:12px;font-weight:600}
.online-schedule{font-size:12px;margin:22px 0 0}.online-schedule .inline-link{font-size:inherit}
.online-hello{padding:30px;background:var(--sage);border-radius:var(--radius)}
.online-hello>span{font-size:35px;color:var(--forest)}.online-hello h3{margin:12px 0 18px}.online-hello p{font-size:14px}
@media(max-width:760px){.online-invitation{grid-template-columns:1fr;gap:30px;padding-block:40px}.online-invitation .hero-actions{gap:16px}.online-hello{padding:25px}}

/* Use the official wordmark so its original lettering stays consistent in every theme. */
.brand-logo{width:96px;height:auto;max-height:72px;object-fit:contain;mix-blend-mode:multiply;flex:none}
@media(max-width:760px){.brand-logo{width:80px;max-height:60px}}