/*
  breakpoints:
    xs: 0,
    sm: 576px,
    md: 768px,
    lg: 992px,
    xl: 1200px,
    xxl: 1400px,
*/

:root{
  --pnt--font-family--body: "Open Sans", sans-serif;
  --pnt--font-family--heading: "Roboto", sans-serif;

  --pnt--font-size--extra-small: 0.875rem;
  --pnt--font-size--small: 1rem;
  --pnt--font-size--normal: 1.125rem;
  --pnt--font-size--normal-plus: 1.375rem;
  --pnt--font-size--medium: clamp(1.625rem, 0.933rem + 1.923vw, 2.125rem);
  --pnt--font-size--large: clamp(2.25rem, 1.558rem + 1.923vw, 2.75rem);
  --pnt--font-size--extra-large: clamp(2.875rem, 2.183rem + 1.923vw, 3.375rem);
  --pnt--font-size--huge: clamp(3.5rem, 2.288rem + 3.365vw, 4.375rem);

  --pnt--color--steel-blue: #4574b2;
  --pnt--color--golden-yellow: #ea9b23;
  --pnt--color--light-blue: #a5daf5;
  --pnt--color--burnt-red: #bd3b27;
  --pnt--color--dark-orange: #e6762c;
  --pnt--color--steel-gray: #424242;
  --pnt--color--light-gray: #908d89;

  --pnt--transition--normal: all .2s ease;
  --pnt--text-shadow--normal: 0px 3px 6px rgba(0, 0, 0, 1);
  --pnt--box-shadow--light: 0px 5px 10px rgba(0, 0, 0, .25);
}