:root {
        /* === Primary (Blue Shades) === */
        --wt-shop-primary: #181e2c;
        --wt-shop-primary-dark: #253241;
        --wt-shop-primary-hover: #f5b505;

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

        /* === Neutral Colors === */
        --wt-shop-black: #111111;
        --wt-shop-white: #ffffff;
        --wt-shop-gray: #7c848d;
        --wt-shop-light-gray: #c8cbcf;

        --wt-shop-tertiary: #0077ff;
        
        /* === Legacy Color Support === */
        --primary-color: #181e2c;
        --secondary-color: #f5b505;
        --accent-color: #0077ff;
        --background-color: #181e2c;
        
        /* === Gradient === */
        --wt-shop-gradient-90: linear-gradient(0deg, #f5b505 0%, #253241 50%, #181e2c 100%);
    }