:root {
    --container-width: 1140px;
    --container-padding: 16px;
    --container-padding-l: 40px;
  
    --clr-primary:#B12439;
    --clr-on-primary: #FFFFFF;
  
    --clr-border: #9E9E9E;
    --clr-white: #ffffff;
    --clr-black: #000000;
    --clr-gray-1: #F5F5F5;
  
    --clr-font-light: #ffffff;
    --clr-font-dark: #000000;
    --clr-input-label: #545f71;
    --clr-input-placeholder: #a9a9a9;
  
    --font-family-primary: Barlow;
  
    /* button primary */
    --button-primary-height: 50px;
    --button-primary-padding: 10px 20px;
    --button-primary-background-color: var(--clr-primary);
    --button-primary-radius: 0px;
    --button-primary-border-width: 1px;
    --button-primary-border-style: solid;
    --button-primary-border-color: var(--clr-primary);
    --button-primary-font-color: var(--clr-on-primary);
    --button-primary-font-size: 18px;
    --button-primary-font-weight: 700;
    --button-primary-line-height: normal;
    /* button primary hover */
    --button-primary-hover-height: 50px;
    --button-primary-hover-padding: 10px 20px;
    --button-primary-hover-background-color: var(--clr-on-primary);
    --button-primary-hover-radius: 0px;
    --button-primary-hover-border-width: 1px;
    --button-primary-hover-border-style: solid;
    --button-primary-hover-border-color: var(--clr-primary);
    --button-primary-hover-font-color: var(--clr-primary);
    --button-primary-hover-font-size: 18px;
    --button-primary-hover-font-weight: 700;
    --button-primary-hover-line-height: normal;
  
    /* input */
    --input-height: 54px;
    --input-padding: 15px 20px;
    --input-background-color: var(--clr-white);
    --input-radius: 0px;
    --input-border-width: 1px;
    --input-border-style: solid;
    --input-border-color: var(--clr-border);
    --input-placeholder-color: var(--clr-input-placeholder);
    --input-font-size: 18px;
    --input-font-style: normal;
    --input-font-weight: 400;
    --input-line-height: 120%;
}