:root {
    --page-gradient:
        radial-gradient(920px 560px at 12% -8%, color-mix(in srgb, #2a6f98 20%, transparent) 0%, transparent 72%),
        radial-gradient(760px 420px at 110% 8%, color-mix(in srgb, #1f5879 22%, transparent) 0%, transparent 68%),
        linear-gradient(165deg, #f2eee5 0%, #ebe6dc 55%, #e4dfd4 100%);
    --accent: #2a6f98;
    --accent-strong: #1f5879;
    --hero-gradient: linear-gradient(135deg, #34274f 0%, #255170 48%, #1f6678 100%);
}

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