/* ===========================================================
   Talk2Us — "Social / Instagram" theme
   Linked on every Talk2Us-branded page AFTER its own <style>,
   so it re-skins the shared design tokens + key components into
   the bright, modern, gradient social look.
   (Headings are switched to the Outfit font per-page in the markup.)
   =========================================================== */

:root{
  --cream:#FFFFFF;            /* page background: bright white */
  --cream-2:#F7F4FF;          /* soft panels: faint lilac      */
  --ink:#181425;             /* near-black ink                */
  --ink-soft:#6B6678;        /* muted text                    */
  --line:#ECE7F8;            /* hairlines / borders           */
  --coral:#FF4D8D!important;       /* primary accent: hot pink (beats per-owner inline brand colour) */
  --coral-deep:#A24BF5!important;  /* deep accent: violet */
}
body{ background:#FFFFFF; }

/* ---- primary calls-to-action → vibrant pink→purple gradient pills ---- */
.btn-primary,.pc-btn,.setsave{
  background:linear-gradient(120deg,#FF4D8D 0%,#A24BF5 100%)!important;
  color:#fff!important; border:none!important;
  box-shadow:0 12px 30px -12px rgba(162,75,245,.5)!important;
}
.btn,.btn-primary,.pc-btn,.setsave,.print-btn,.edit-btn{ border-radius:100px!important; }

/* ---- gradient flourishes (apply wherever these classes exist) ---- */
.eyebrow{
  background:linear-gradient(120deg,#FF6B3D,#FF4D8D,#A24BF5);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.hero h1 em,.display em{
  font-style:normal;
  background:linear-gradient(120deg,#FF8A3D,#FF4D8D 45%,#A24BF5 82%);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent;
}
.pill{
  border:1.6px solid transparent;
  background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,#FF8A3D,#FF4D8D,#A24BF5) border-box;
  color:var(--ink);
}
.biz-logo{
  background:linear-gradient(120deg,#FF8A3D,#FF4D8D,#A24BF5)!important;
  box-shadow:0 0 0 3px #fff,0 0 0 6px rgba(162,75,245,.55)!important;
}
.launch-banner,.launch-line{
  background:linear-gradient(120deg,rgba(255,138,61,.14),rgba(162,75,245,.14))!important;
  color:#A24BF5!important;
}
/* gallery "…and yours." CTA card → social gradient (was sage green) */
.scene.cta{ background:linear-gradient(150deg,#FF6B3D,#FF4D8D 55%,#A24BF5)!important; }