:root {
    /* color */
    --mez-primary: #2b97bf;
    --mez-primary-light: #209ecd;
    --mez-primary-dark: #1582aa;
    --mez-secondary: #e51e1f;
    --mez-secondary-dark: #cc0808;


    /* border */
    --mez-primary-border: 1px solid #1582aa;
    --mez-secondary-border:1px solid #0000002b;
    --mez-secondary-light-border:1px solid #e4e4e4d9;

    /* shadow */
    --mez-primary-shadow: 0px 0px 13px #00000075;
    --mez-seconary-shadow: 0px 0px 10px #00000038;
    --mez-tertiary-shadow: 0px 0px 8px #0000001a;
    --mez-quaternary-shadow: 0px 0px 9px #00000014, inset 0px 0px 9px #0000000a;
    --mez-quaternary-light-shadow: 0px 0px 10px #0000002e, inset 0px 0px 19px #0000000f;
    --mez-quaternary-dark-shadow: 0px 0px 9px #0000002e, inset 0px 0px 9px #0000000a;;

  /* border radius */
   --mez-primary-radius: 3px;
    --mez-secondary-radius: 5px;