:root {
    --c-primary: #A13636;
    --c-primary-700: #792828;
    --c-primary-100: #FFDFDF;
    --c-black: #000;
    --c-white: #fff;
    --c-gray: #838383;
    --c-gray-300: #BDBDBD;
    --c-gray-100: #F5F5F5;
    --c-green: #E6FFE0;
    --c-blue: #DEF5FF;
    --c-yellow: #FFF59D;
  
    --f-h1: 700 1.75rem/1.15 "Raleway", sans-serif;
    --f-h1-responsive: 700 2.2625rem/1.15 "Raleway", sans-serif;
    --f-h2: 700 1.5rem/1.15 "Raleway", sans-serif;
    --f-h2-responsive: 700 2rem/1.15 "Raleway", sans-serif;
    --f-h3: 700 1.25rem/1.15 "Raleway", sans-serif;
    --f-h3-responsive: 700 1.75rem/1.15 "Raleway", sans-serif;
    --f-h4: 700 1rem/1.15 "Raleway", sans-serif;
    --f-h4-responsive: 700 1.5rem/1.15 "Raleway", sans-serif;
    --f-p-big: 400 1.25rem/1.5 "Raleway", sans-serif;
    --f-p: 400 1rem/1.5 "Raleway", sans-serif;
    --f-p-bold: 700 1rem/1.5 "Raleway", sans-serif;
    --f-p-responsive: 400 1.125rem/1.5 "Raleway", sans-serif;
    --f-small: 400 0.875rem/1.5 "Raleway", sans-serif;
    --f-small-bold: 700 0.875rem/1.5 "Raleway", sans-serif;
  
  
    --transition: all 0.4s;
    --opacity: 0.8;

    --padding-inline: 1.5rem;
    --max-width: 72rem;

    --box-shadow: 0 0 5px var(--c-gray-300);
  }