:root {
    --color-red-400: 239 73 80;
    --color-red-500: 235 28 36;
    --color-red-600: 188 22 29;
    --color-transparent: 0 0 0;
    --color-current: currentColor;
    --color-bodyBackgroundColor: 254 254 254;
    --color-white: 255 255 255;
    --color-black: 0 0 0;
    --color-cookie: 0 0 0;
    --color-spotify: 30 215 96;
    --color-karnaval: 235 32 39;
    --color-apple-podcasts: 104 64 146;

    --color-primary-50: 255 250 235;    
    --color-primary-100: 255 240 198;   
    --color-primary-200: 255 224 136;   
    --color-primary-300: 255 199 67;    
    --color-primary-400: 255 179 32;    
    --color-primary-500: 249 144 7;     
    --color-primary-600: 221 105 2;     
    --color-primary-700: 183 71 6;     
    --color-primary-800: 148 55 12;    
    --color-primary-900: 122 46 13;    
    --color-primary-950: 70 21 2;       

    --color-scorpion-50: 248 247 248;
    --color-scorpion-100: 243 240 242;
    --color-scorpion-200: 231 227 229;
    --color-scorpion-300: 212 205 208;
    --color-scorpion-400: 185 173 178;
    --color-scorpion-500: 162 146 153;
    --color-scorpion-600: 138 120 127;
    --color-scorpion-700: 108 93 98;
    --color-scorpion-800: 96 84 88;
    --color-scorpion-900: 83 72 75;
    --color-scorpion-950: 47 40 42;
}

.fx-button {
    background-color: rgb(var(--color-primary-300)) !important;
}