:root{
  --bgBase:#f7f1f7;

  --text:#2b1f27;
  --muted:#5d4a57;

  --accentDark:#7a3f63;
  --accentLight:#c7a6bd;

  --line:rgba(122,63,99,.18);
  --chip:rgba(199,166,189,.11);
  --cardTop: rgba(255,255,255,.38);
  --cardBot: rgba(255,255,255,.16);

  --shadow: 0 20px 60px rgba(33,18,28,.14);
  --radius: 20px;
  --max: 980px;

  --btn:#7a3f63;
  --btnText:#ffffff;
  --btnGhostBg:rgba(255,255,255,.18);

  --wa:#25D366;
  --waText:#ffffff;
  --waBubble:#ffffff;
  --waBubbleText:#2b2b2b;
  --waPanel:#e9f0ec;
}

*{box-sizing:border-box}
html,body{height:100%}

body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  color:var(--text);
  line-height:1.55;
  position:relative;
  min-height:100vh;
  overflow-x:hidden;

  background:
    radial-gradient(1200px 700px at 15% 20%, rgba(244,214,234,.62), transparent 65%),
    radial-gradient(1000px 600px at 85% 25%, rgba(232,220,248,.58), transparent 60%),
    radial-gradient(900px 600px at 30% 85%, rgba(214,191,216,.36), transparent 65%),
    radial-gradient(1100px 700px at 70% 75%, rgba(230,207,220,.38), transparent 65%),
    var(--bgBase);
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  background-image:url("images/bg-corner.png");
  background-repeat:no-repeat;
  background-position:center top;
  background-size:cover;
  opacity:.55;
  pointer-events:none;
  z-index:0;
}

body::after{
  content:"";
  position:fixed;
  inset:0;
  background:rgba(255,255,255,.06);
  pointer-events:none;
  z-index:0;
}

.wrap{
  position:relative;
  z-index:1;
}

a{color:inherit}

h1,h2,h3,strong,b{color:var(--accentDark)}
.role, .metaLine, .noteLines, .bullets, .chip, .pill, .tab{color:var(--muted)}
.lead{color:rgba(43,31,39,.92)}