:root {
  --bg: #212529;
  --text: white;

  /* https://colorhunt.co/palette/2c3333395b64a5c9cae7f6f2 */
  --col1: #2C3333;
  --col2: #395B64;
  --col3: #A5C9CA;
  --col4: #E7F6F2;

  /* fiery ocean coolors.co */
  --col5: #780000;
  --col6: #c1121f;
  --col7: #fdf0d5;
  --col8: #003049;
  --col9: #669bbc;

  --icon-radius: 50%;
  --btn-radius: 35px;
}