/* ==========================================================================
   ZZD — Фирменные дизайн-токены и базовая типографика
   Источник: ZZD_Guideline.pdf (палитра стр.14, типографика стр.18)
   Только токены + @font-face + утилитарные классы. БЕЗ верстки слайдов.
   Пути к ассетам — относительные (assets/...), CSS лежит в assets/brand.css,
   поэтому шрифты адресуем как ./fonts/... (относительно этого файла).
   ========================================================================== */

/* ----------------------------- ШРИФТЫ ----------------------------------- */

/* Leksa Sans — заголовки (heading). .otf начертания. */
@font-face {
  font-family: "Leksa Sans";
  src: url("./fonts/LeksaSans.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Leksa Sans";
  src: url("./fonts/LeksaSans-Italic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Leksa Sans";
  src: url("./fonts/LeksaSans-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Leksa Sans";
  src: url("./fonts/LeksaSans-DemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Leksa Sans";
  src: url("./fonts/LeksaSans-DemiboldItalic.otf") format("opentype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Leksa Sans";
  src: url("./fonts/LeksaSans-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Leksa Sans";
  src: url("./fonts/LeksaSans-BoldItalic.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Leksa Sans";
  src: url("./fonts/LeksaSans-ExtraBold.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* Дополнительная гарнитура заголовка "DemiBold" как отдельное семейство,
   если в верстке удобнее адресовать по имени, а не по весу. */
@font-face {
  font-family: "Leksa Sans DemiBold";
  src: url("./fonts/LeksaSans-DemiBold.otf") format("opentype");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

/* Merriweather — основной текст (body). .woff2 (приоритет) + .ttf запас. */
@font-face {
  font-family: "Merriweather";
  src: url("./fonts/Merriweather-Regular.woff2") format("woff2"),
       url("./fonts/Merriweather-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Merriweather";
  src: url("./fonts/Merriweather-Italic.woff2") format("woff2"),
       url("./fonts/Merriweather-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Merriweather";
  src: url("./fonts/Merriweather-Light.woff2") format("woff2"),
       url("./fonts/Merriweather-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Merriweather";
  src: url("./fonts/Merriweather-Bold.woff2") format("woff2"),
       url("./fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Merriweather";
  src: url("./fonts/Merriweather-BoldItalic.woff2") format("woff2"),
       url("./fonts/Merriweather-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Merriweather";
  src: url("./fonts/Merriweather-Black.woff2") format("woff2"),
       url("./fonts/Merriweather-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* ------------------------- ЦВЕТА (CSS-переменные) ----------------------- */

:root {
  /* Палитра ZZD */
  --zzd-navy:        #062247;
  --zzd-navy-alt:    #00235B;
  --zzd-light-blue:  #dce9f6;
  --zzd-gold:        #d19e68;
  --zzd-slate-blue:  #738DB6;
  --zzd-bg-light:    #F8F8F8;
  --zzd-white:       #FFFFFF;

  /* Семантические алиасы */
  --zzd-bg:          var(--zzd-bg-light);
  --zzd-fg:          var(--zzd-navy);
  --zzd-accent:      var(--zzd-gold);

  /* Типографика */
  --zzd-font-heading: "Leksa Sans", "Segoe UI", Arial, sans-serif;
  --zzd-font-body:    "Merriweather", Georgia, "Times New Roman", serif;
  --zzd-heading-weight: 600; /* DemiBold */
  --zzd-body-weight:    400; /* Regular  */
}

/* ----------------------- БАЗОВЫЕ УТИЛИТАРНЫЕ КЛАССЫ --------------------- */
/* Только типографические примитивы. Верстка слайдов НЕ включена. */

.h1 {
  font-family: var(--zzd-font-heading);
  font-weight: var(--zzd-heading-weight);
  color: var(--zzd-navy);
  font-size: 3rem;
  line-height: 1.1;
  letter-spacing: -0.01em;
  margin: 0;
}

.h2 {
  font-family: var(--zzd-font-heading);
  font-weight: var(--zzd-heading-weight);
  color: var(--zzd-navy);
  font-size: 2rem;
  line-height: 1.2;
  margin: 0;
}

.body {
  font-family: var(--zzd-font-body);
  font-weight: var(--zzd-body-weight);
  color: var(--zzd-navy);
  font-size: 1rem;
  line-height: 1.6;
}

.accent {
  color: var(--zzd-gold);
}