:root {
  --background: 210 20% 96%;
  --text: 215 28% 12%;
  --warning: 0 72% 51%;
  --alert: 38 92% 50%;
  --blue: 203 89% 48%;
  --cyan: 199 89% 48%;
  --success: 142 71% 45%;
  --success-secondary: 203 72% 38%;
  --muted: 0 0% 100%;
  --border: 214 20% 88%;
  --primary: 203 72% 42%;
  --primary-btn: 203 78% 36%;
  --secondary: 210 18% 92%;
  --ring: 203 72% 42%;
  --radius: 0.5rem;
}

.dark {
  --background: 215 28% 8%;
  --text: 210 20% 96%;
  --warning: 0 84% 60%;
  --alert: 43 96% 56%;
  --blue: 203 85% 62%;
  --cyan: 199 86% 58%;
  --success: 142 69% 58%;
  --success-secondary: 203 70% 45%;
  --muted: 215 22% 12%;
  --border: 215 16% 22%;
  --primary: 203 78% 58%;
  --primary-btn: 203 72% 40%;
  --secondary: 215 18% 18%;
  --ring: 203 78% 58%;
}