/**
 * Fonts: SailorDesk (sailordesk.com)
 *
 * Manrope — заголовки (H1–H4), поддерживает Latin + Cyrillic
 * Inter   — основной текст, подписи, формы
 *
 * Лицензии:
 *   Manrope: SIL Open Font License 1.1 (коммерческое использование разрешено)
 *   Inter:   SIL Open Font License 1.1 (коммерческое использование разрешено)
 *
 * Источник: Google Fonts (fonts.gstatic.com)
 */

/* ===================================================
   MANROPE (Heading font)
   Weight 700 — Bold
   =================================================== */

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

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/manrope/Manrope-700-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;
}

/* ===================================================
   MANROPE (Heading font)
   Weight 800 — ExtraBold (Hero H1)
   =================================================== */

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

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/assets/fonts/manrope/Manrope-800-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;
}

/* ===================================================
   INTER — Variable font (Body, UI elements)
   Covers weights 100–900 in a single file per subset
   =================================================== */

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

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/assets/fonts/inter/Inter-Variable-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;
}

/* ===================================================
   CSS Custom Properties (design tokens)
   =================================================== */

:root {
  --font-heading: 'Manrope', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;

  /* Colors */
  --color-navy:        #0F2044;
  --color-navy-light:  #1A3668;
  --color-navy-hover:  #243d72;
  --color-ocean:       #0EA5E9;
  --color-ocean-dark:  #0284C7;
  --color-teal:        #06B6D4;
  --color-gold:        #F59E0B;
  --color-bg:          #F0F4F8;
  --color-bg-card:     #FFFFFF;
  --color-text:        #1A2847;
  --color-text-muted:  #64748B;
  --color-border:      #E2E8F0;

  /* Spacing */
  --section-py:        5rem;
  --section-py-mobile: 3rem;
  --container-max:     1200px;
  --container-px:      1.5rem;

  /* Radius */
  --radius-sm:  6px;
  --radius-md:  10px;
  --radius-lg:  16px;
  --radius-xl:  24px;

  /* Shadows */
  --shadow-card:    0 2px 16px rgba(0, 0, 0, 0.07);
  --shadow-hover:   0 8px 32px rgba(0, 0, 0, 0.12);
  --shadow-btn:     0 4px 12px rgba(14, 165, 233, 0.3);
}