@import 'tailwindcss/base';

@layer base {
    :root[data-theme~='dark'] {
        --color-liquid-brightmain: #00dbd9;
        --color-liquid-darkmain: #075867;
        --color-liquid-darker: #141515;
        --color-liquid-background: #202222;
        --color-liquid-lighter: #2a2e2f;
        --color-liquid-white: #edf6f7;
        --color-liquid-red: #f13e5f;
        --color-liquid-green: #10be59;
        --color-liquid-light: #576466;
        --color-liquid-orange: #ff951b;
    }
}