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

:root{
  --nava--font-family--main: "Rajdhani", sans-serif;

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

  --nava--color--dark-gray: #2b2b2b;
  --nava--color--light-gray: #f4f4f4;
  --nava--color--red: #ef4444;
  --nava--color--dark-red: #db3030;
  --nava--color--light-violet: #d4ceeb;

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

  --nava--gradient--clear-white-clear: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);
}