/* Lilac Glade - light, playful magenta forest */
[data-theme="lilac-glade"] {
  --void: #f4eaf4;
  --night: #ead6ea;
  --accent: #c21886;
  --accent-ink: #fff7fb;
  --ink: #2c1038;
  --mute: #6a4570;
  --bark: #4a2a4e;
  --surface: rgba(255, 248, 252, 0.72);
  --surface-raised: rgba(255, 252, 254, 0.8);
  --stroke: rgba(140, 40, 110, 0.16);
  --stroke-strong: rgba(140, 40, 110, 0.28);
  --hero-overlay: linear-gradient(105deg, rgba(255, 246, 250, 0.18) 0%, rgba(255, 246, 250, 0.04) 34%, transparent 58%);
  --font-display: "Cormorant Garamond", "Iowan Old Style", Palatino, serif;
  --font-body: "Figtree", "Segoe UI", Tahoma, sans-serif;
  --bg-image: url("/assets/lilac-glade/forest.jpg");
  --hero-poster: url("/assets/lilac-glade/forest.jpg");
  --field-image: none;
  --field-veil:
    radial-gradient(ellipse 70% 45% at 10% -6%, rgba(194, 24, 134, 0.1) 0%, transparent 50%),
    linear-gradient(168deg, #f7eef6 0%, #f3e8f3 100%);
  --section-rule: url("/assets/ornaments/sep-lilac-glade.svg");
  color-scheme: light;
}

/* Beat :root in site.css (tokens load first) */
html[data-theme="lilac-glade"] {
  --radius-sm: 0.4rem;
  --radius-md: 0.75rem;
  --radius-lg: 1.15rem;
  --panel-shadow: 0 10px 28px rgba(80, 20, 70, 0.1);
}

html[data-theme="lilac-glade"] .hearth-media .veil {
  background: var(--hero-overlay);
}

html[data-theme="lilac-glade"] .atmosphere .veil {
  background: linear-gradient(180deg, rgba(255, 248, 252, 0.2), rgba(244, 228, 244, 0.38));
}

html[data-theme="lilac-glade"] .site-header,
html[data-theme="lilac-glade"] .content-panel,
html[data-theme="lilac-glade"] main .section:not(.hearth),
html[data-theme="lilac-glade"] main .page-hero,
html[data-theme="lilac-glade"] main .prose,
html[data-theme="lilac-glade"] main .archive-year,
html[data-theme="lilac-glade"] main .event-hero,
html[data-theme="lilac-glade"] main .event-nav,
html[data-theme="lilac-glade"] main .event-section,
html[data-theme="lilac-glade"] .tab-panels .section,
html[data-theme="lilac-glade"] .tab-panels .prose,
html[data-theme="lilac-glade"] .subnav,
html[data-theme="lilac-glade"] .circles-map-wrap,
html[data-theme="lilac-glade"] .hearth-panel,
html[data-theme="lilac-glade"] .hearth-invite,
html[data-theme="lilac-glade"] .hearth-blog .blog-index__featured-card,
html[data-theme="lilac-glade"] .sheet-panel {
  background: rgba(255, 250, 253, 0.9);
  border: 1px solid var(--stroke-strong);
  border-radius: var(--radius-lg);
  padding: 1.25rem 1.4rem;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: var(--panel-shadow);
}

html[data-theme="lilac-glade"] .site-header {
  padding: 0.85rem 1.1rem;
}

html[data-theme="lilac-glade"] .hearth-panel {
  padding: 1.5rem 1.6rem 1.65rem;
}

html[data-theme="lilac-glade"] .hearth-invite {
  padding: 0.9rem 1.15rem 1rem 0.9rem;
}

html[data-theme="lilac-glade"] .brand-mark,
html[data-theme="lilac-glade"] .page-hero h1,
html[data-theme="lilac-glade"] .section > h2,
html[data-theme="lilac-glade"] .sheet-head h2 {
  letter-spacing: 0.01em;
  font-weight: 600;
}

html[data-theme="lilac-glade"] .hearth .hearth-next > .label,
html[data-theme="lilac-glade"] .hearth .hearth-blog > .label {
  text-shadow: 0 1px 10px rgba(255, 248, 252, 0.95), 0 0 18px rgba(255, 246, 250, 0.8);
}

html[data-theme="lilac-glade"] .btn-primary {
  box-shadow: 0 8px 20px rgba(194, 24, 134, 0.28);
}

html[data-theme="lilac-glade"] a:hover {
  filter: brightness(0.92) saturate(1.1);
}

html[data-theme="lilac-glade"] a.btn:hover {
  filter: none;
}

html[data-theme="lilac-glade"] .sheet::backdrop {
  background: color-mix(in srgb, #4a1840 32%, transparent);
}

html[data-theme="lilac-glade"] .sheet-panel {
  box-shadow: -12px 0 36px rgba(80, 20, 70, 0.14);
}