:root,
.light {
  --l4e-color-pink: #ffc1d6;
  --l4e-color-blue: #b9d7ff;
  --l4e-color-blush: #ffe8f0;
  --l4e-color-mist: #e6f2ff;
  --l4e-color-cream: #fffafd;
  --l4e-color-navy: #243b5a;
  --l4e-color-rose: #c85b7e;
  --l4e-color-sky: #4f88c7;
  --l4e-font-body: Poppins, ui-sans-serif, system-ui, sans-serif;
  --l4e-font-brand: "Dancing Script", "Brush Script MT", cursive;
  --l4e-radius: 0.5rem;
  --background: 324 100% 99%;
  --foreground: 215 43% 25%;
  --card: 0 0% 100%;
  --card-foreground: 215 43% 25%;
  --primary: 338 48% 57%;
  --primary-foreground: 0 0% 100%;
  --secondary: 211 100% 95%;
  --secondary-foreground: 213 50% 35%;
  --muted: 340 100% 95%;
  --muted-foreground: 215 18% 43%;
  --accent: 341 100% 88%;
  --accent-foreground: 338 48% 31%;
  --border: 339 62% 89%;
  --input: 339 62% 89%;
  --ring: 210 52% 55%;
  --radius: var(--l4e-radius);
  --theme-color: var(--l4e-color-cream);
}

body {
  font-family: var(--l4e-font-body);
}

.l4e-brand-wordmark {
  font-family: var(--l4e-font-brand);
  font-size: 1.65rem;
  font-weight: 700;
  line-height: 1;
  color: var(--l4e-color-rose);
}

.l4e-hero {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgb(255 232 240 / 0.92), rgb(230 242 255 / 0.86) 54%, var(--l4e-color-cream));
}

.l4e-hero::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background-image:
    radial-gradient(circle at 15% 20%, rgb(255 193 214 / 0.45) 0 12rem, transparent 12.1rem),
    radial-gradient(circle at 82% 18%, rgb(185 215 255 / 0.5) 0 10rem, transparent 10.1rem);
}

.l4e-hero__inner {
  position: relative;
  z-index: 1;
}

.l4e-script-heading {
  font-family: var(--l4e-font-brand);
  font-weight: 700;
  color: var(--l4e-color-rose);
}

.l4e-feature-card {
  min-height: 8.75rem;
  border: 1px solid hsl(var(--border));
  background: rgb(255 255 255 / 0.78);
  box-shadow: 0 12px 28px rgb(36 59 90 / 0.08);
}

.l4e-feature-card svg {
  color: var(--l4e-color-rose);
}