:root {
  --primary-color: #44536a;
  --secondary-color: #e9edf2;
  --tertiary-color: #e84958;
  --point-color: #e84958;
  --darkgray-color: #c2c2c2;
  --lightgray-color: #f7f7f7;
  --white-color: #ffffff;
  --footerbg-color: transparent;
  --background-color: #f9f9f9;

  --line-color: #dddddd;
  --body-color: #212326;
  --text-color: #212326;

  --inner-size: 1440px;
  --w-inner-size: 1440px;
}

/* 
https://colorhunt.co/palette/3674b5578fcaa1e3f9d1f8ef
*/

html {
  font-size: 62.5%;
}

@media (max-width: 1280px) {
  html {
    font-size: clamp(9px, 0.78125vw, 10px);
  } /* ~9-10px */
}
@media (max-width: 1024px) {
  html {
    font-size: clamp(9px, 0.9765625vw, 10px);
  } /* ~9-10px */
}
@media (max-width: 768px) {
  html {
    font-size: clamp(8px, 1.3020833vw, 10px);
  } /* ensure min 8px */
}
@media (max-width: 480px) {
  html {
    font-size: clamp(8px, 2.0833333vw, 10px);
  }
}