global.css

body {
  margin     : 0;
  line-height: normal;
}

:root {
    /* fonts */
  --font-abhaya-libre : "Abhaya Libre";
  --font-abril-fatface: "Abril Fatface";
  --headline-1        : "Abril Fatface";

    /* font sizes */
  --font-size-xs   : 12px;
  --font-size-sm   : 14px;
  --font-size-mini : 15px;
  --font-size-base : 16px;
  --font-size-lg   : 18px;
  --font-size-xl   : 20px;
  --headline-1-size: 87px;

    /* Colors */
  --white            : #fff;
  --primary-buttons  : #11253e;
  --secondary-buttons: #0a2540;
  --color-gray-100   : #0a2540;
  --color-gray-200   : rgba(0, 0, 0, 0.24);
  --color-gray-300   : rgba(0, 0, 0, 0.72);
  --color-gray-400   : rgba(0, 0, 0, 0.3);
  --headlines        : rgba(0, 0, 0, 0.72);

    /* Gaps */
  --gap-11xs-9: 1.9px;
  --gap-9xs   : 4px;
  --gap-5xs   : 8px;
  --gap-3xs   : 10px;

    /* Paddings */
  --padding-10xs : 3px;
  --padding-9xs-5: 3.5px;
  --padding-7xs-5: 5.5px;
  --padding-smi  : 13px;

  --padding-lgi: 19px;
  --padding-xl : 20px;
  --padding-2xl: 21px;
  --padding-3xl: 22px;
  --padding-4xl: 23px;

  --padding-13xl: 32px;
  --padding-15xl: 34px;
  --padding-16xl: 35px;
  --padding-18xl: 37px;

  --padding-45xl: 64px;
  --padding-56xl: 75px;
  --padding-65xl: 84px;
  --padding-80xl: 99px;

    /* Border radiuses */
  --br-81xl: 100px;
  --br-xs  : 12px;
}