/* Verdannet UI - Seasonal and event ambience v0.4.0 */
:root[data-vd-ambience="spring"] { --vd-ambience-tint:#edf7f4; --vd-ambience-accent:#6fa487; --vd-ambience-highlight:#eef8f5; }
:root[data-vd-ambience="summer"] { --vd-ambience-tint:#eef9fd; --vd-ambience-accent:#d1ad53; --vd-ambience-highlight:#f9f7e9; }
:root[data-vd-ambience="autumn"] { --vd-ambience-tint:#f8eee3; --vd-ambience-accent:#c17435; --vd-ambience-highlight:#fbf3ea; }
:root[data-vd-ambience="winter"] { --vd-ambience-tint:#eef7fb; --vd-ambience-accent:#74a8c5; --vd-ambience-highlight:#f3f9fc; }
:root[data-vd-ambience="halloween"] { --vd-ambience-tint:#f4eaf7; --vd-ambience-accent:#e47625; --vd-ambience-highlight:#f8eef9; }
:root[data-vd-ambience="christmas"] { --vd-ambience-tint:#eef6f2; --vd-ambience-accent:#b63a3a; --vd-ambience-highlight:#f6f1ec; }
:root[data-vd-ambience="new-year"] { --vd-ambience-tint:#f6f1e3; --vd-ambience-accent:#c69d42; --vd-ambience-highlight:#faf7ef; }
:root[data-vd-ambience="easter"] { --vd-ambience-tint:#f4effc; --vd-ambience-accent:#9b83c5; --vd-ambience-highlight:#f8f5fc; }
:root[data-vd-ambience="mothers-day"] { --vd-ambience-tint:#fff0f5; --vd-ambience-accent:#d45d8b; --vd-ambience-highlight:#fff5f8; }
:root[data-vd-ambience="fathers-day"] { --vd-ambience-tint:#edf4fb; --vd-ambience-accent:#416f9f; --vd-ambience-highlight:#f4f8fc; }

:root[data-vd-ambience] body { background:linear-gradient(180deg,color-mix(in srgb,var(--vd-ambience-tint) 58%,transparent),transparent 18rem),var(--vd-bg); }
:root[data-vd-ambience] .vd-app-header { border-bottom-color:color-mix(in srgb,var(--vd-ambience-accent) 26%,var(--vd-border)); }
:root[data-vd-ambience] .vd-brand__mark { background:linear-gradient(145deg,var(--vd-primary),color-mix(in srgb,var(--vd-primary-active) 82%,var(--vd-ambience-accent))); }
:root[data-vd-ambience] .vd-card--accent::before { background:var(--vd-ambience-accent); }
:root[data-vd-ambience] .vd-hero { background:linear-gradient(135deg,var(--vd-surface),color-mix(in srgb,var(--vd-ambience-highlight) 72%,var(--vd-primary-soft))); }

:root[data-vd-mode="auto"][data-vd-event="halloween"] body { background:radial-gradient(circle at 88% 0%,rgb(228 118 37 / .13),transparent 24rem),radial-gradient(circle at 8% 10%,rgb(80 46 103 / .11),transparent 28rem),var(--vd-bg); }
:root[data-vd-mode="auto"][data-vd-event="christmas"] body { background:radial-gradient(circle at 88% 0%,rgb(182 58 58 / .10),transparent 24rem),radial-gradient(circle at 4% 16%,rgb(66 123 91 / .10),transparent 28rem),var(--vd-bg); }
:root[data-vd-mode="auto"][data-vd-event="new-year"] body { background:radial-gradient(circle at 86% 0%,rgb(198 157 66 / .14),transparent 24rem),radial-gradient(circle at 8% 15%,rgb(58 94 148 / .10),transparent 30rem),var(--vd-bg); }
:root[data-vd-mode="auto"][data-vd-event="easter"] body { background:radial-gradient(circle at 88% 0%,rgb(155 131 197 / .12),transparent 24rem),radial-gradient(circle at 8% 10%,rgb(92 170 123 / .10),transparent 28rem),var(--vd-bg); }
:root[data-vd-mode="auto"][data-vd-event="mothers-day"] body { background:radial-gradient(circle at 88% 0%,rgb(212 93 139 / .14),transparent 26rem),var(--vd-bg); }
:root[data-vd-mode="auto"][data-vd-event="fathers-day"] body { background:radial-gradient(circle at 88% 0%,rgb(65 111 159 / .13),transparent 26rem),var(--vd-bg); }

.vd-display-segment { display:inline-flex; align-items:center; padding:3px; gap:2px; border:1px solid var(--vd-border); border-radius:999px; background:color-mix(in srgb,var(--vd-surface) 94%,transparent); box-shadow:var(--vd-shadow-card); }
.vd-display-mode-button { min-height:32px; display:inline-flex; align-items:center; gap:5px; padding:0 10px; border:0; border-radius:999px; background:transparent; color:var(--vd-text-muted); font:inherit; font-size:.74rem; font-weight:800; cursor:pointer; }
.vd-display-mode-button:hover { color:var(--vd-primary-active); background:var(--vd-primary-soft); }
.vd-display-mode-button.is-active { color:var(--vd-primary-contrast); background:var(--vd-primary); box-shadow:0 4px 12px color-mix(in srgb,var(--vd-primary) 20%,transparent); }
:root[data-vd-theme="dark"] .vd-display-mode-button.is-active { color:#102534; }

.vd-calendar-hero { position:relative; overflow:hidden; min-height:250px; padding-right:min(48%,390px); }
.vd-calendar-hero > :not(.vd-calendar-scene) { position:relative; z-index:2; }
.vd-calendar-scene { position:absolute; z-index:1; right:0; top:0; bottom:0; width:min(47%,420px); display:flex; align-items:center; justify-content:center; pointer-events:none; opacity:.98; }
.vd-calendar-scene svg { width:100%; height:100%; max-height:260px; filter:drop-shadow(0 14px 28px rgb(38 74 99 / .10)); }
:root[data-vd-theme="dark"] .vd-calendar-scene { opacity:.78; }

:root[data-vd-mode="dark"], :root[data-vd-theme="dark"] { --vd-ambience-tint:transparent; --vd-ambience-highlight:var(--vd-primary-soft); }

@media (max-width:900px) {
  .vd-display-mode-button span:last-child { display:none; }
  .vd-display-mode-button { min-width:34px; justify-content:center; padding-inline:8px; }
  .vd-calendar-hero { padding-right:1.25rem; padding-bottom:145px; }
  .vd-calendar-scene { top:auto; bottom:0; width:100%; height:145px; opacity:.72; }
}
@media (prefers-reduced-motion:reduce) { :root *, :root *::before, :root *::after { scroll-behavior:auto !important; animation-duration:1ms !important; animation-iteration-count:1 !important; transition-duration:1ms !important; } }
