:root {
    /* =========================
        GRADIENTS
    ========================= */
    --gradient-primary:
        radial-gradient(
            circle at 20% 20%,
            var(--color-primary0) 0%,
            transparent 55%
        ),
        radial-gradient(
            circle at 80% 30%,
            var(--color-primary1) 0%,
            transparent 60%
        ),
        radial-gradient(
            circle at 50% 85%,
            var(--color-primary2) 0%,
            transparent 65%
        );

    --gradient-secondary:
        radial-gradient(
        circle at 20% 20%,
        var(--color-secondary0) 0%,
        transparent 55%
        ),
        radial-gradient(
            circle at 80% 30%,
            var(--color-secondary1) 0%,
            transparent 60%
        ),
        radial-gradient(
            circle at 50% 85%,
            var(--color-secondary2) 0%,
            transparent 65%
        );

    --gradient-accent:
        radial-gradient(
        circle at 20% 20%,
        var(--color-accent0) 0%,
        transparent 55%
        ),
        radial-gradient(
            circle at 80% 30%,
            var(--color-accent1) 0%,
            transparent 60%
        ),
        radial-gradient(
            circle at 50% 85%,
            var(--color-accent2) 0%,
            transparent 65%
        );

    --gradient-dark:
        radial-gradient(
        circle at 20% 20%,
        var(--color-background0) 50%,
        transparent 100%
        ),
        radial-gradient(
            circle at 80% 30%,
            var(--color-background1) 50%,
            transparent 100%
        ),
        radial-gradient(
            circle at 50% 85%,
            var(--color-background2) 50%,
            transparent 100%
        );

    --gradient-primary-linear:
        linear-gradient(
            135deg,
            var(--color-primary0),
            var(--color-primary1),
            var(--color-primary2)
        );

    --gradient-secondary-linear:
        linear-gradient(
            135deg,
            var(--color-secondary0),
            var(--color-secondary1),
            var(--color-secondary2)
        );

    --gradient-accent-linear:
        linear-gradient(
            135deg,
            var(--color-accent0),
            var(--color-accent1),
            var(--color-accent2)
        );

    --gradient-dark-linear:
        linear-gradient(
            135deg,
            var(--color-background0),
            var(--color-background1),
            var(--color-background2)
        );
}