:root {
    --background: 240 4.8% 95.9%;
    --text: 240 10% 3.9%;
    --warning: 0 72% 51%;
    --alert: 38 92% 50%;
    --blue: 199 89% 50%;
    --cyan: 189 94% 43%;
    --success: 142 71% 45%;
    --success-secondary: 160 84% 39%;
    --muted: 0 0% 100%;
    --border: 240 5.9% 90%;
    --primary: 220.3,32.6%,36.7%;
    --primary-btn: 220.3,32.6%,36.7%;
    --secondary: 240 6% 90%;
    --ring: 240 10% 3.9%;
    --radius: 0.5rem;
}

.dark {
    --background: 240 10% 3.9%;
    --text: 0 0% 98%;
    --warning: 0 84% 60%;
    --alert: 43 96% 56%;
    --blue: 198 93% 57%;
    --cyan: 188 86% 53%;
    --success: 142 69% 58%;
    --success-secondary: 161 94% 30%;
    --muted: 270 4% 10%;
    --border: 240 3.7% 15.9%;
    --primary: 220 90% 50%;
    --primary-btn: 220 90% 50%;
    --secondary: 240 4% 16%;
    --ring: 240 4.9% 83.9%;
}