/* Reference palette file.
   This file is not required by index.html and is safe to keep as a reusable token source. */
:root {
  --black: #000000;
  --twilight-indigo: #434371;
  --periwinkle: #afafdc;
  --neon-pink: #ff007f;
  --platinum: #f1f1f1;

  --black-hsl: hsla(0, 0%, 0%, 1);
  --twilight-indigo-hsl: hsla(240, 26%, 35%, 1);
  --periwinkle-hsl: hsla(240, 39%, 77%, 1);
  --neon-pink-hsl: hsla(330, 100%, 50%, 1);
  --platinum-hsl: hsla(0, 0%, 95%, 1);

  --gradient-top: linear-gradient(0deg, #000000, #434371, #afafdc, #ff007f, #f1f1f1);
  --gradient-right: linear-gradient(90deg, #000000, #434371, #afafdc, #ff007f, #f1f1f1);
  --gradient-bottom: linear-gradient(180deg, #000000, #434371, #afafdc, #ff007f, #f1f1f1);
  --gradient-left: linear-gradient(270deg, #000000, #434371, #afafdc, #ff007f, #f1f1f1);
  --gradient-top-right: linear-gradient(45deg, #000000, #434371, #afafdc, #ff007f, #f1f1f1);
  --gradient-bottom-right: linear-gradient(135deg, #000000, #434371, #afafdc, #ff007f, #f1f1f1);
  --gradient-top-left: linear-gradient(225deg, #000000, #434371, #afafdc, #ff007f, #f1f1f1);
  --gradient-bottom-left: linear-gradient(315deg, #000000, #434371, #afafdc, #ff007f, #f1f1f1);
  --gradient-radial: radial-gradient(#000000, #434371, #afafdc, #ff007f, #f1f1f1);
}