:root {
  --primary-light: #ffde70;
  --primary-light-h: 46;
  --primary-light-s: 100%;
  --primary-light-l: 72%;
  --primary-filter: brightness(0) invert(79%) sepia(32%) saturate(601%) hue-rotate(359deg) brightness(105%) contrast(102%);

  --primary-dark: #3e6173;
  --primary-dark-h: 200;
  --primary-dark-s: 30%;
  --primary-dark-l: 35%;

  --button-color: #6097b3;
  --button-color-h: 200;
  --button-color-s: 35%;
  --button-color-l: 54%;

  --text: #40371c;
  --text-hsl: hsl(45, 39%, 18%);
  --text-h: 45;
  --text-s: 39%;
  --text-l: 18%;
}