/* ============================================================
   COORDINATE & SCULPT — ONE PALETTE.
   Loaded last on every page so it wins. Legacy variable names
   from the older pages are mapped onto the canonical values,
   so nothing has to be rewritten — they just agree now.
   ============================================================ */
:root{
  /* canonical brand */
  --cs-teal:#041A1E;
  --cs-teal-2:#062227;
  --cs-teal-3:#052024;
  --cs-gold:#C6A15B;
  --cs-gold-d:#A07A47;
  --cs-cream:#FAF5F1;
  --cs-shell:#F5EEE7;
  --cs-white:#FFFFFF;
  --cs-ink:#1B1918;
  --cs-muted:#8A8079;
  --cs-line:#EBE1DA;
  --cs-rose:#B76E79;
  --cs-green:#6E8B63;

  /* --- legacy names, remapped so every page matches --- */
  --bg:var(--cs-cream);
  --cream:var(--cs-cream);
  --shell:var(--cs-shell);
  --white:var(--cs-white);
  --card:var(--cs-white);
  --gold:var(--cs-gold);
  --gold-d:var(--cs-gold-d);
  --rose-gold:var(--cs-gold);
  --tan:var(--cs-gold);
  --ink:var(--cs-ink);
  --char:var(--cs-ink);
  --charcoal:var(--cs-teal-3);
  --plum:var(--cs-teal-2);
  --plum-soft:var(--cs-muted);
  --muted:var(--cs-muted);
  --line:var(--cs-line);
  --beige:var(--cs-line);
  --dark:var(--cs-teal);
  --side:var(--cs-teal);
  --side2:var(--cs-teal-2);
  --teal:var(--cs-teal);
  --rose:var(--cs-rose);
  --rose-deep:#9E6472;
  --blush:#F5E7EE;
  --green:var(--cs-green);
}

/* one page background + type baseline everywhere */
body{ background:var(--cs-cream); color:#2A2523; }

/* one heading font everywhere */
h1,h2,h3,h4,.serif{ font-family:'Cormorant Garamond',serif; }
h1,h2,h3,h4{ color:var(--cs-ink); }

/* Dark heroes set color:#fff on the CONTAINER, but an inherited colour always loses to a
   rule that matches the element directly — so the ink rule above was painting near-black
   headings onto dark teal. "Care, comfort" was invisible; only the gold .script survived
   because it set its own colour. Hero headings take their hero's colour. */
.hero h1,.hero h2,.hero h3,.hero h4,
.cs-hero h1,.cs-hero h2,.cs-hero h3,.cs-hero h4,
.hd h1,.hd h2,.hd h3,.hd h4,
.bar h1,.bar h2,.bar h3,.bar h4,
.ct h1,.ct h2,.ct h3,.ct h4,
.close h1,.close h2,.close h3,.close h4,
.intro h1,.intro h2,.intro h3,.intro h4,
.out h1,.out h2,.out h3,.out h4,
.preview h1,.preview h2,.preview h3,.preview h4,
.sug h1,.sug h2,.sug h3,.sug h4,
.surgprep h1,.surgprep h2,.surgprep h3,.surgprep h4,
.top h1,.top h2,.top h3,.top h4{ color:inherit; }

/* one eyebrow */
.eye,.eyebrow{ font-family:'Cinzel',serif; font-size:11px; letter-spacing:.22em;
  text-transform:uppercase; color:var(--cs-gold); }

/* one page hero */
.cs-hero{ background:var(--cs-teal); color:#fff; text-align:center; padding:52px 24px 46px; }
.cs-hero h1{ font-size:clamp(2rem,5vw,3rem); font-weight:600; margin:10px 0 8px; color:#fff; }
.cs-hero h1 .script{ color:var(--cs-gold); display:block; font-family:'Great Vibes',cursive;
  font-size:1.2em; font-weight:400; }
.cs-hero p{ color:rgba(255,255,255,.8); max-width:560px; margin:0 auto; font-weight:300; font-size:14.5px; }

/* one card */
.cs-card{ background:#fff; border:1px solid var(--cs-line); border-radius:18px; padding:24px; }

/* one footer */
.cs-foot{ background:#02100F; color:rgba(255,255,255,.5); text-align:center;
  padding:30px 24px; font-size:11.5px; line-height:1.7; font-family:'Inter',system-ui,sans-serif; }
.cs-foot .cs-pb{ margin-top:6px; color:rgba(255,255,255,.35); font-size:10.5px; letter-spacing:.04em; }