:root{
  --mc-rose:#e11d7b;
  --mc-rose-soft:#fce7f3;
  --mc-ink:#0f172a;
  --mc-slate:#334155;
  --mc-bg:#fff7fb;
  --mc-card:#ffffff;
  --mc-border:#f1cfe0;
}

body{background:var(--mc-bg);color:var(--mc-ink);}

.site-grid-bg{
  position:fixed;inset:0;
  background-image:
    linear-gradient(to right, rgba(241,207,224,.55) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(241,207,224,.55) 1px, transparent 1px);
  background-size:4rem 4rem;
  mask-image:radial-gradient(ellipse 60% 50% at 50% 0%, #000 70%, transparent 100%);
  -webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 0%, #000 70%, transparent 100%);
  opacity:.6;pointer-events:none;z-index:-1;
}

.nav-link-active{color:var(--mc-ink)!important;font-weight:600;border-bottom:2px solid var(--mc-rose);padding-bottom:.125rem}

.header-link:hover,.footer-link:hover{color:var(--mc-ink)}

.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .6rem;border-radius:999px;font-size:.75rem;font-weight:700;border:1px solid var(--mc-border);background:#fff;color:var(--mc-slate)}
.badge-rose{background:var(--mc-rose-soft);border-color:rgba(225,29,123,.25);color:var(--mc-ink)}

.card{background:var(--mc-card);border:1px solid var(--mc-border);border-radius:1rem;box-shadow:0 1px 0 rgba(15,23,42,.03)}

.btn-primary{background:var(--mc-rose);color:#fff}
.btn-primary:hover{filter:brightness(.95)}
.btn-outline{background:#fff;border:1px solid rgba(15,23,42,.2);color:var(--mc-ink)}
.btn-outline:hover{background:rgba(255,255,255,.75)}

.prose-like p{margin-top:0.9rem;line-height:1.75}
.prose-like ul{margin-top:.75rem;margin-left:1.25rem;list-style:disc}
.prose-like li{margin-top:.35rem}