/* =========================================================
   OySyn brand overrides (fonts + colors + a few tweaks)
   ========================================================= */

/* Локальный DM Sans (variable) — путь от main.css к /static/fonts/ */
@font-face{
  font-family:"DM Sans";
  src:url("../fonts/DMSans-VariableFont.30bbfaf1881a.ttf") format("truetype-variations");
  font-weight:100 1000; font-style:normal; font-display:swap;
}

/* ---------- Fonts ---------- */
:root{
  /* Базовый текст — Inter; заголовки/навигация — DM Sans */
  --default-font: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --heading-font: "DM Sans", Inter, sans-serif;
  --nav-font: "DM Sans", Inter, sans-serif;
}

/* ---------- Global Colors ---------- */
:root{
  /* основной фон и поверхности */
  --background-color: #ffffff;
  --surface-color:    #ffffff;

  /* основной текст и заголовки (тёмно-синий графит из навбара) */
  --default-color:  #0b1420;   /* обычный текст */
  --heading-color:  #0b1420;   /* заголовки */

  /* брендовый акцент */
  --accent-color:   #3972FE;   /* кнопки/ссылки/хайлайты */
  --contrast-color: #ffffff;   /* текст на акценте */
}

/* ---------- Nav Colors ---------- */
:root{
  --nav-color:                     #0b1420;
  --nav-hover-color:               #3972FE;
  --nav-mobile-background-color:   #ffffff;
  --nav-dropdown-background-color: #ffffff;
  --nav-dropdown-color:            #0b1420;
  --nav-dropdown-hover-color:      #3972FE;
}

/* ---------- Небольшие оверрайды под бренд ---------- */

/* Тонкая линия у глобального хедера посветлее, чем у шаблона */
.header{ border-bottom:1px solid #eef2f7; }

/* Активные/ховерные ссылки меню — акцент + жирнее */
@media (min-width:1200px){
  .navmenu a{ font-weight:600; }
  .navmenu li:hover > a,
  .navmenu .active,
  .navmenu .active:focus{
    color: var(--nav-hover-color);
    font-weight: 700;
  }
}

/* Кнопки везде используют наш акцент и контраст */
.btn-primary,
.header .btn-getstarted,
.header .btn-getstarted:focus{
  background: var(--accent-color);
  color: var(--contrast-color);
  border-color: var(--accent-color);
}

/* Заголовки на DM Sans, как и договорились */
h1{ font-family: var(--heading-font); color: var(--heading-color); }


/* Ссылки по умолчанию — акцент, как в брендгайде */
a{ color: var(--accent-color); }
a:hover{ color: color-mix(in srgb, var(--accent-color), transparent 25%); }