:root {
        /* === Primary (Blue Shades) === */
        --wt-shop-primary: #0b2133;
        --wt-shop-primary-dark: #0755a2;
        --wt-shop-primary-hover: #fec72d;

        /* === Secondary (Orange Shades) === */
        --wt-shop-secondary: #fec72d;
        --wt-shop-secondary-darker: #cd9c13;

        /* === Neutral Colors === */
        --wt-shop-black: #111111;
        --wt-shop-white: #ffffff;
        --wt-shop-gray: #737373;
        --wt-shop-light-gray: #f7f7f8;

        --wt-shop-tertiary: #0077ff;
        
        /* === Legacy Color Support === */
        --primary-color: #0b2133;
        --secondary-color: #fec72d;
        --accent-color: #0077ff;
        --background-color: #ffffff;
        
        /* === Gradient === */
        --wt-shop-gradient-90: linear-gradient(0deg, #fec72d 0%, #0755a2 50%, #0b2133 100%);
    }