:root {
                --ks-primary-color: #2D1A68;
                --ks-primary-rgb: 45, 26, 104;
                --ks-primary-light: HSL(255, 60%, 96%);
                --ks-primary-dark: HSL(255, 60%, 15%);
                --ks-primary-glow: rgba(45, 26, 104, 0.08);

                --ks-secondary-color: #C05A86;
                --ks-secondary-rgb: 192, 90, 134;
                --ks-secondary-light: HSL(334, 45%, 96%);
                --ks-secondary-dark: HSL(334, 45%, 15%);
                --ks-secondary-glow: rgba(192, 90, 134, 0.08);

                --ks-text-color: #333333;
                --ks-bg-color: #FFFFFF;

                --ks-heading-font: 'Poppins', sans-serif;
                --ks-body-font: 'Inter', sans-serif;

                --ks-button-radius: 12px;
                --ks-card-radius: 16px;
                --ks-input-radius: 12px;

                --ks-card-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
                --ks-input-shadow: 0 4px 12px rgba(0, 0, 0, 0.01);
                --ks-hover-shadow: 0 15px 45px rgba(0, 0, 0, 0.08);

                --ks-button-bg-color: #2D1A68;
                --ks-button-text-color: #ffffff;
                --ks-button-border-color: transparent;
                --ks-button-shadow: none;
                --ks-button-hover-bg-color: #ffffff;
                --ks-button-hover-text-color: #2D1A68;
                --ks-button-hover-border-color: #2D1A68;
                --ks-button-hover-shadow: none;

                /* Dynamic Neumorphism Shadows & Colors (Soft UI) */
                --ks-neumorphic-bg: #FFFFFF;
                --ks-neumorphic-bg-soft: HSL(0, 0%, 96%);
                --ks-neumorphic-shadow-light: -6px -6px 14px rgba(255, 255, 255, 0.85);
                --ks-neumorphic-shadow-dark: 6px 6px 14px rgba(163, 177, 198, 0.35);
                --ks-neumorphic-shadow-inset: inset 2px 2px 5px rgba(163, 177, 198, 0.25), inset -2px -2px 5px rgba(255, 255, 255, 0.7);
                --ks-neumorphic-border: 1px solid rgba(255, 255, 255, 0.4);
            }