:root {
    --page-gradient:
        radial-gradient(920px 560px at 12% -8%, color-mix(in srgb, #7f4163 20%, transparent) 0%, transparent 72%),
        radial-gradient(760px 420px at 110% 8%, color-mix(in srgb, #60314a 22%, transparent) 0%, transparent 68%),
        linear-gradient(165deg, #f2eee5 0%, #ebe6dc 55%, #e4dfd4 100%);
    --accent: #7f4163;
    --accent-strong: #60314a;
    --hero-gradient: linear-gradient(140deg, #3c1f32 0%, #4a2f58 45%, #284262 100%);
}

@media (prefers-color-scheme: dark) {
    :root {
        --page-gradient:
            radial-gradient(900px 560px at 10% -12%, color-mix(in srgb, #7f4163 24%, transparent) 0%, transparent 72%),
            radial-gradient(760px 440px at 112% 10%, color-mix(in srgb, #60314a 28%, transparent) 0%, transparent 70%),
            linear-gradient(160deg, #0a1118 0%, #0f1722 52%, #121d2a 100%);
    }
}