:root {
  --color-primary: 79 70 229;
  --color-secondary: 243 244 246;
  --color-nav: 255 255 255;
  --color-free: 16 185 129;
  --color-points: 245 158 11;
  --color-orange: 249 115 22;
}

[data-theme="default"] {
  --color-primary: 79 70 229;
  --color-secondary: 243 244 246;
  --color-nav: 255 255 255;
  --color-free: 16 185 129;
  --color-points: 245 158 11;
  --color-orange: 249 115 22;
}

[data-theme="ocean"] {
  --color-primary: 14 165 233;
  --color-secondary: 224 242 254;
  --color-nav: 248 250 252;
  --color-free: 34 197 94;
  --color-points: 59 130 246;
  --color-orange: 16 185 129;
}

[data-theme="mint"] {
  --color-primary: 16 185 129;
  --color-secondary: 236 253 243;
  --color-nav: 255 255 255;
  --color-free: 52 211 153;
  --color-points: 251 146 60;
  --color-orange: 249 115 22;
}