/**
 * Cormorant Garamond і Lora — самостійний хостинг.
 *
 * Макет підключав їх із fonts.googleapis.com. На бойовому сайті так не
 * лишаємо: це зайвий DNS + TCP + TLS перед першим малюванням тексту, а ще
 * передача IP відвідувача третій стороні, чого GDPR не любить. Файли
 * завантажені один раз і лежать у темі.
 *
 * Обидві гарнітури варіативні: один файл на підмножину покриває всю вагу
 * 400–600. Тому граней тут шістнадцять, а не сорок, попри три накреслення
 * й курсив у макеті.
 *
 * Підмножини: кирилиця (основна мова сайту), кирилиця-розширена (там живе
 * гривня ₴ U+20B4), латиниця та латиниця-розширена (розміри виробів, назви
 * порід, латинські вкраплення в текстах).
 *
 * Українська сторінка реально тягне чотири файли — по кирилиці на кожну
 * гарнітуру плюс латиницю під цифри й розміри. Це близько 115 КБ проти
 * 57 КБ у Manrope: плата за дві серифні гарнітури замість одного гротеску.
 *
 * font-display: swap — текст видно одразу системним серифом, підміна
 * відбувається після завантаження. Порожній екран замість тексту гірший
 * за коротке мигання.
 */

/* ===========================================================================
   CORMORANT GARAMOND — заголовки, кнопки, великі цифри
   =========================================================================== */

@font-face {
	font-family: 'Cormorant Garamond';
	font-style: normal;
	font-weight: 400 600;
	font-display: swap;
	src: url('../fonts/cormorant-garamond-cyrillic-ext.woff2') format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
	font-family: 'Cormorant Garamond';
	font-style: normal;
	font-weight: 400 600;
	font-display: swap;
	src: url('../fonts/cormorant-garamond-cyrillic.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: 'Cormorant Garamond';
	font-style: normal;
	font-weight: 400 600;
	font-display: swap;
	src: url('../fonts/cormorant-garamond-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Cormorant Garamond';
	font-style: normal;
	font-weight: 400 600;
	font-display: swap;
	src: url('../fonts/cormorant-garamond-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Курсив потрібен лише для номерів секцій і підписів проєктів, але без нього
   браузер синтезував би нахил сам — і зарубки Cormorant поїхали б. */
@font-face {
	font-family: 'Cormorant Garamond';
	font-style: italic;
	font-weight: 400 600;
	font-display: swap;
	src: url('../fonts/cormorant-garamond-cyrillic-ext-italic.woff2') format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
	font-family: 'Cormorant Garamond';
	font-style: italic;
	font-weight: 400 600;
	font-display: swap;
	src: url('../fonts/cormorant-garamond-cyrillic-italic.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: 'Cormorant Garamond';
	font-style: italic;
	font-weight: 400 600;
	font-display: swap;
	src: url('../fonts/cormorant-garamond-latin-ext-italic.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Cormorant Garamond';
	font-style: italic;
	font-weight: 400 600;
	font-display: swap;
	src: url('../fonts/cormorant-garamond-latin-italic.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ===========================================================================
   LORA — основний текст, підписи, поля форм
   =========================================================================== */

@font-face {
	font-family: 'Lora';
	font-style: normal;
	font-weight: 400 600;
	font-display: swap;
	src: url('../fonts/lora-cyrillic-ext.woff2') format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
	font-family: 'Lora';
	font-style: normal;
	font-weight: 400 600;
	font-display: swap;
	src: url('../fonts/lora-cyrillic.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: 'Lora';
	font-style: normal;
	font-weight: 400 600;
	font-display: swap;
	src: url('../fonts/lora-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Lora';
	font-style: normal;
	font-weight: 400 600;
	font-display: swap;
	src: url('../fonts/lora-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Lora';
	font-style: italic;
	font-weight: 400 600;
	font-display: swap;
	src: url('../fonts/lora-cyrillic-ext-italic.woff2') format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
	font-family: 'Lora';
	font-style: italic;
	font-weight: 400 600;
	font-display: swap;
	src: url('../fonts/lora-cyrillic-italic.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: 'Lora';
	font-style: italic;
	font-weight: 400 600;
	font-display: swap;
	src: url('../fonts/lora-latin-ext-italic.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Lora';
	font-style: italic;
	font-weight: 400 600;
	font-display: swap;
	src: url('../fonts/lora-latin-italic.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}