:root {
    /* color */
    --mez-primary:#2A2F36;
    --mez-primary-light:#1f2226;
    --mez-primary-dark:#31373e;
    --mez-secondary:#e00303;
     --mez-secondary-dark:#cc0808;

    /* border */
    --mez-primary-border:1px solid #057cc4;
    --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;