/* ======================================
   CSS VARIABLES (ROOT)
====================================== */

:root {
  /* Colors */
  --bi-primary: #E10600;
  --bi-light-bg: #F6F6F6;
  --bi-dark: #000000;
  --bi-white: #ffffff;

  /* Typography */
  --bi-heading-font: 'Oswald', sans-serif;
  --bi-body-font: 'Jost', sans-serif;
  --bi-ui-font: 'Inter', sans-serif;

  /* Transition */
  --bi-transition: all 0.3s ease;
}


/* ======================================
   BASE RESET
====================================== */

body {
  font-family: var(--bi-body-font);
  font-size: 16px;
  color: var(--bi-dark);
  background: #ffffff;
  line-height: 1.6;
  margin: 0;
}

a {
  text-decoration: none;
  transition: var(--bi-transition);
}

img {
  max-width: 100%;
  height: auto;
}


/* ======================================
   TYPOGRAPHY
====================================== */

h1, h2, h3, h4, h5, h6 {
  font-family: var(--bi-heading-font);
  margin-bottom: 18px;
  color: var(--bi-dark);
}

.bi-ui-text {
  font-family: var(--bi-ui-font);
}


/* ======================================
   CUSTOM CONTAINER WIDTH
====================================== */

.container {
  max-width: 1740px;
}