/* Site palette: primary #00B5C5 | dark #1F2328 | white #FFFFFF */
:root {
  --color-cyan-50: #eef8f9;
  --color-cyan-100: #d8eef1;
  --color-cyan-200: #a9d7de;
  --color-cyan-300: #6bbdc8;
  --color-cyan-400: #2aadc0;
  --color-cyan-500: #00B5C5;
  --color-cyan-600: #009eac;
  --color-cyan-700: #008a96;
  --color-cyan-800: #006f79;
  --color-cyan-900: #00555c;
  --color-cyan-950: #013f45;
  --color-zinc-900: #1F2328;
  --color-zinc-950: #1F2328;
  --color-slate-900: #1F2328;
  --color-slate-950: #1F2328;
  --color-black: #1F2328;
  --color-white: #FFFFFF;
}

body {
  color: #1F2328;
}

.cta-primary {
  border-color: #00B5C5 !important;
  background: #00B5C5 !important;
  color: #1F2328 !important;
  box-shadow: 0 10px 24px rgb(31 35 40 / 0.12) !important;
}

.cta-primary:hover {
  border-color: #008a96 !important;
  background: #008a96 !important;
  color: #FFFFFF !important;
  box-shadow: 0 12px 28px rgb(31 35 40 / 0.16) !important;
}

.section-dark-media,
footer.bg-zinc-950 {
  background-color: #1F2328 !important;
}