@theme {
  --color-cyan-1: #fafdfe;
  --color-cyan-2: #f2fafb;
  --color-cyan-3: #def7f9;
  --color-cyan-4: #caf1f6;
  --color-cyan-5: #b5e9f0;
  --color-cyan-6: #9ddde7;
  --color-cyan-7: #7dcedc;
  --color-cyan-8: #3db9cf;
  --color-cyan-9: #00a2c7;
  --color-cyan-10: #0797b9;
  --color-cyan-11: #107d98;
  --color-cyan-12: #0d3c48;
  --color-cyandark-1: #0b161a;
  --color-cyandark-2: #101b20;
  --color-cyandark-3: #082c36;
  --color-cyandark-4: #003848;
  --color-cyandark-5: #004558;
  --color-cyandark-6: #045468;
  --color-cyandark-7: #12677e;
  --color-cyandark-8: #11809c;
  --color-cyandark-9: #00a2c7;
  --color-cyandark-10: #23afd0;
  --color-cyandark-11: #4ccce6;
  --color-cyandark-12: #b6ecf7;
}