@theme {
  --color-sky-1: #f9feff;
  --color-sky-2: #f1fafd;
  --color-sky-3: #e1f6fd;
  --color-sky-4: #d1f0fa;
  --color-sky-5: #bee7f5;
  --color-sky-6: #a9daed;
  --color-sky-7: #8dcae3;
  --color-sky-8: #60b3d7;
  --color-sky-9: #7ce2fe;
  --color-sky-10: #74daf8;
  --color-sky-11: #00749e;
  --color-sky-12: #1d3e56;
  --color-skydark-1: #0d141f;
  --color-skydark-2: #111a27;
  --color-skydark-3: #112840;
  --color-skydark-4: #113555;
  --color-skydark-5: #154467;
  --color-skydark-6: #1b537b;
  --color-skydark-7: #1f6692;
  --color-skydark-8: #197cae;
  --color-skydark-9: #7ce2fe;
  --color-skydark-10: #a8eeff;
  --color-skydark-11: #75c7f0;
  --color-skydark-12: #c2f3ff;
}