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

:root{
  --teeitup--font-family: "Roboto", sans-serif;

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

  --teeitup--color--midnight-blue: #1F2937; /* 31, 41, 55 */
  --teeitup--color--red: #EB1F29;           /* 235, 31, 41 */
  --teeitup--color--dark-red: #C5171F;      /* 197, 23, 31 */
  --teeitup--color--light-blue: #F9FAFB;    /* 249, 250, 251 */
  --teeitup--color--navy-blue: #0673BA;     /* 6, 115, 186 */
  --teeitup--color--blue-violet: #9333EA;   /* 147, 51, 234 */
  --teeitup--color--royal-blue: #2563EB;    /* 37, 99, 235 */
  --teeitup--color--tangaroa: #111827;      /* 17, 24, 39 */
  --teeitup--color--mischka: #9CA3AF;       /* 156, 163, 175 */

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

  --teeitup--gradient--red-navy-blue: linear-gradient(90deg,rgba(235, 31, 41, 1) 0%, rgba(6, 115, 186, 1) 100%);
  --teeitup--gradient--light-dark-violet: linear-gradient(90deg,rgba(147, 51, 234, 1) 0%, rgba(192, 132, 252, 1) 100%);
  --teeitup--gradient--dark-light-blue: linear-gradient(90deg,rgba(37, 99, 235, 1) 0%, rgba(96, 165, 250, 1) 100%);
}