:root {
  --background: 326, 60%, 98%;
  --text: 240 10% 3.9%;
  --warning: 347, 84%, 52%;
  --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: 326, 67%, 53%;
  --primary-btn: 326 68% 52%;
  --secondary: 240 6% 90%;
  --ring: 240 10% 3.9%;
  --radius: 0.5rem;
}

.dark {
    --background: 199, 87%, 12%;
  --text: 0 0% 98%;
  --warning: 347, 84%, 52%;
  --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:  326, 67%, 53%;
  --primary-btn:  326, 68%, 52%;
  --secondary: 240 4% 16%;
  --ring: 240 4.9% 83.9%;
}
/*#d73692
#eb1e4a*/