:root {
  --ocean-abyss: #0a1628;
  --ocean-midnight_sea: #0d2240;
  --ocean-deep_navy: #0f3460;
  --ocean-ocean_floor: #1a5276;
  --ocean-deep_teal: #1a7fa0;
  --ocean-sea_water: #229ec4;
  --ocean-lagoon: #38b2ac;
  --ocean-turquoise: #4ecdc4;
  --ocean-shallow_reef: #7eddd8;
  --ocean-sea_foam: #b2eae8;
  --ocean-sky_reflection: #60a8d4;
  --ocean-wave_crest: #3d8fc4;
  --ocean-blue_current: #2270a8;
  --ocean-deep_current: #1a5080;
  --ocean-sea_mist: #e8f4f8;
  --ocean-coastal_fog: #c8e8f0;
  --ocean-seafoam_white: #f0f8fa;
  --ocean-sandy_shoal: #c8a050;
  --ocean-beach_sand: #e0c080;
  --ocean-pale_shore: #f0e0b0;
}