/* ==========================================================================
   Подключение шрифтов Playfair Display и Raleway (WOFF2)
   ========================================================================== */

/* Playfair Display Regular (400) */
@font-face {
   font-family: 'Playfair Display';
   src: url('../fonts/Playfair%20Display.woff2') format('woff2');
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}

/* Playfair Display Regular  Italic (400) */
@font-face {
   font-family: 'Playfair Display';
   src: url('../fonts/PlayfairDisplay-Italic.woff2') format('woff2');
   font-weight: 400;
   font-style: italic;
   font-display: swap;
}

/* Playfair Display Bold (700) */
@font-face {
   font-family: 'Playfair Display';
   src: url('../fonts/Playfair%20Display%20Bold.woff2') format('woff2');
   font-weight: 700;
   font-style: normal;
   font-display: swap;
}

/* --------------------------------------------------------------------------
   Raleway (базовое семейство с градацией по font-weight)
   -------------------------------------------------------------------------- */

/* Raleway Light (300) */
@font-face {
   font-family: 'Raleway';
   src: url('../fonts/Raleway-Light.woff2') format('woff2');
   font-weight: 300;
   font-style: normal;
   font-display: swap;
}

/* Raleway Regular (400) */
@font-face {
   font-family: 'Raleway';
   src: url('../fonts/Raleway-Regular.woff2') format('woff2');
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}

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

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

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

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

/* --------------------------------------------------------------------------
   Алиасы для именованных начертаний Raleway, используемых в стилях проекта
   -------------------------------------------------------------------------- */

/* Raleway Medium */
@font-face {
   font-family: 'Raleway Medium';
   src: url('../fonts/Raleway-Medium.woff2') format('woff2');
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}

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

/* Raleway SemiBold */
@font-face {
   font-family: 'Raleway SemiBold';
   src: url('../fonts/Raleway-Bold.woff2') format('woff2');
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}

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

/* Raleway ExtraBold */
@font-face {
   font-family: 'Raleway ExtraBold';
   src: url('../fonts/Raleway-Bold.woff2') format('woff2');
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}

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

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