:root {
/* =========================
    GLOWS
========================= */

--glow-error: 0 0 10px color-mix( in srgb, var(--color-state2) 50%, transparent );

--glow-primary: 0 0 10px color-mix( in srgb, var(--color-primary1) 60%, transparent );

--glow-secondary: 0 0 10px color-mix( in srgb, var(--color-secondary1) 50%, transparent );

--glow-text: 0 0 6px color-mix( in srgb, var(--color-accent0) 60%, transparent );

--glow-accent: 0 0 8px color-mix( in srgb, var(--color-accent1) 70%, transparent );

--glow-deactive: 0 0 6px color-mix( in srgb, var(--color-surface1) 60%, transparent );

--glow-shadow: 0 0 30px color-mix( in srgb, var(--color-surface1) 50%, transparent );

--glow-shadow-small: 0 0 20px color-mix( in srgb, var(--color-surface1) 50%, transparent );

--glow-shadow-box: 0 0 0 2px var(--color-primary1);
}