:root {
    --primary: oklch(0.5399 0.1692 28.4);
}

:root {
    --gradient: linear-gradient(90deg, oklch(0.5434 0.1735 18.59), transparent) oklch(0.4888 0.1794 286.96);
    --green-gradient: linear-gradient(90deg, oklch(0.6671 0.2078 144.95), transparent) oklch(0.5328 0.1759 142.74);
    --red-gradient: linear-gradient(90deg, oklch(0.4914 0.1663 20.67) 0%, oklch(0.3941 0.1301 20.89) 106%);
    --backdrop-gradient: linear-gradient( 180deg, color-mix(in oklch, var(--background) 90%, transparent) 0%, color-mix(in oklch, var(--background) 60%, transparent) 100% );
    --image-gradient: linear-gradient( 135deg, oklch(0.5434 0.1735 18.59 / 0.5) 0%, oklch(0.4902 0.1295 237.97 / 0.5) 100% );
}

.dark {
    --gradient: linear-gradient(90deg, oklch(0.5434 0.1735 18.59), transparent) oklch(0.4888 0.1794 286.96);
    --green-gradient: linear-gradient(90deg, oklch(0.6671 0.2078 144.95), transparent) oklch(0.5328 0.1759 142.74);
    --red-gradient: linear-gradient(90deg, oklch(0.4914 0.1663 20.67) 0%, oklch(0.3941 0.1301 20.89) 106%);
    --backdrop-gradient: linear-gradient( 180deg, color-mix(in oklch, var(--background) 90%, transparent) 0%, color-mix(in oklch, var(--background) 60%, transparent) 100% );
    --image-gradient: linear-gradient( 135deg, oklch(0.5434 0.1735 18.59 / 0.5) 0%, oklch(0.4902 0.1295 237.97 / 0.5) 100% );
}