/* ========================================
   GILROY FONT FACE
   ======================================== */
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* ========================================
   CSS VARIABLES
   ======================================== */
:root {
  --color-primary: #dba174;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-text: #313131;
  --color-bg-light: #f4f3f2;
  --color-text-light: #ebebeb;
  --font-bold: "Gilroy", sans-serif;
  --font-semibold: "Gilroy", sans-serif;
  --font-medium: "Gilroy", sans-serif;
  --font-regular: "Gilroy", sans-serif;
  --container-width: 1080px;
  --side-padding: 340px;
}

/* Font weight mapping for Gilroy */
.nav__link,
.lang-switcher__current,
.lang-switcher__option {
  font-weight: 500;
}

[class*="__title"],
.about__title,
.section-tabs__title {
  font-weight: 600;
}