/* MAJOR brand theme. Переопределяет токены major-ui-kit.css под брендбук MAJOR.
   Подключать ПОСЛЕ assets/major-ui-kit.css. */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Michroma&display=swap');

/* Реальные фирменные шрифты подставить файлами, тогда фолбэки отключатся.
@font-face{font-family:'Vela Sans';src:url('fonts/VelaSans.woff2') format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:'Gunterz';src:url('fonts/Gunterz.woff2') format('woff2');font-weight:600 800;font-display:swap}
@font-face{font-family:'Widock';src:url('fonts/Widock.woff2') format('woff2');font-weight:600 800;font-display:swap}
*/

:root{
  /* поверхности и текст, холодная фирменная палитра */
  --bg:#eef1f6; --paper:#ffffff; --ink:#1b1b1d; --muted:#5b6470; --faint:#9aa3b0;
  --line:#e2e6ec; --line2:#d4dae2;

  /* акценты по брендбуку */
  --accent:#307fe2;            /* MAJOR BLUE */
  --c-blue:#307fe2; --c-green:#3cb878; --c-ochre:#f58025; --c-teal:#094a99; --c-violet:#043c6a;
  --c-voc:#f58025;             /* MAJOR ORANGE для выделений */

  /* типографика бренда (фолбэки до получения файлов) */
  --display:'Gunterz','Space Grotesk',-apple-system,'Segoe UI',sans-serif;        /* заголовки */
  --text:'Vela Sans','Manrope',Inter,-apple-system,'Segoe UI',sans-serif;          /* тело */
  --display-hero:'Widock','Michroma','Gunterz','Space Grotesk',sans-serif;          /* герой */
}

/* герой набираем широким техно-шрифтом, как в логотипе MAJOR */
.display-1{font-family:var(--display-hero);letter-spacing:-.01em}
.kicker,.label{letter-spacing:.2em}