@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --clr-accent: #E3B46A;
  --clr-text: #191B22;
  --clr-wrapper: #EFF0F2;

  /* --clr-primary: #424242; */
  --clr-primary: #DC0C15;
  /* --clr-secondary: #DFDFDD; */
  --clr-secondary: #D9E3EB;
  --clr-50: #FFFFFF;
  --clr-100: #e7e7e7;
  --clr-200: #D9E3EB;
  --clr-300: #808EAC;
  --clr-400: #E1E3E9;
  --clr-500: #6B6D76;
  --clr-600: #30393F;
  --clr-700: #32435D;
  --clr-800: #6A7980;
  --clr-900: #0B181E;

  --header-bottom-color: #fff;
  --footer-color: #ffffff;

  --main-content-gap: 24px;

  /* 64 */
  --block-horizontal-padding: clamp(1.25rem, 0.7rem + 2.75vw, 4rem);
  --block-vertical-padding: clamp(1.875rem, 1.5rem + 1.88vw, 3.75rem);
  /* 60 */
  
  --font: 'Vela Sans', sans-serif;
  --font_accent: 'Inter Tight', sans-serif;


  --border-radius: 16px;
  --btn-border-radius: 68px;
  --vh: 1vh;

  --font-size: 16px;
  --gap: 0.9em;
  --container: 1808px;
  --container-xs: 1808px;
  --hover-brightness: 0.8;
  --active-brightness: 0.8;
}