:root {
  --brand-font-primary: "globo-regular", sans-serif;
  --brand-font-secondary: "globo-regular", sans-serif;
  --brand-font-title: "druk", sans-serif;

  --brand-color-white: #ffffff;
  --brand-color-black: #000000;
  --brand-color-pink-500: #ff0b53;
  --brand-color-orange-500: #ff5800;
  --brand-color-blue-500: #22d8db;
  --brand-color-gray-100: #f7f8fb;
  --brand-color-gray-200: #e7e7e7;
  --brand-color-gray-300: #bdbdbd;
  --brand-color-gray-400: #808a8e;
  --brand-color-gray-500: #828282;
  --brand-color-gray-900: #5b5b5b;

  --color-primary: #ff7400;
  --color-orange: #ff6107;
  --color-green: #26ca60;
  --color-blue: #0100be;
  --color-white: #fff;
  --color-gray: #99a3ab;
  --color-brown: #3d1808;
}

@font-face {
  font-family: globo-regular;
  src: url("../fonts/GloboTxRg.ttf");
}

@font-face {
  font-family: druk;
  src: url("../fonts/DrukBold.otf");
}

@font-face {
  font-family: druk-whide;
  src: url("../fonts/DrukWideMedium.otf");
}