/* UnicortexPM — фирменный блок. Версия 2.0 (Archivo)
   Подключать один раз, до собственных стилей сайта. */

:root {
  --ucx-navy: #0B2E4F;
  --ucx-teal: #0E8C8C;
  --ucx-teal-deep: #0A6E6E;   /* мелкий текст на светлом: контраст 6,1:1 */
  --ucx-teal-light: #7FD4D4;  /* акцент на тёмном фоне */
  --ucx-ink: #101820;
  --ucx-paper: #FBFAF7;

  --ucx-logo-h: 40px;         /* высота логотипа в шапке */
  --ucx-logo-h-sm: 32px;      /* то же на мобильном */
  --ucx-logo-h-footer: 30px;
}

/* Соотношение сторон локапа 8.826 : 1 — задано жёстко,
   чтобы не было скачка вёрстки до загрузки картинки. */
.ucx-logo {
  display: inline-flex;
  align-items: center;
  line-height: 0;
  text-decoration: none;
}

.ucx-logo img,
.ucx-logo svg {
  display: block;
  height: var(--ucx-logo-h);
  width: auto;
  aspect-ratio: 8.826 / 1;
}

.ucx-logo--footer img,
.ucx-logo--footer svg { height: var(--ucx-logo-h-footer); }

/* Только знак, без надписи */
.ucx-logo--mark img,
.ucx-logo--mark svg { aspect-ratio: 154 / 138; }

@media (max-width: 640px) {
  .ucx-logo img,
  .ucx-logo svg { height: var(--ucx-logo-h-sm); }
}

/* Охранное поле: не меньше 13 % высоты блока */
.ucx-logo { margin: calc(var(--ucx-logo-h) * 0.13); }
.ucx-logo--flush { margin: 0; padding: calc(var(--ucx-logo-h) * 0.13); }

/* Переключение светлой и тёмной версии.
   Работает и по системной теме, и по атрибуту data-theme на <html>. */
.ucx-logo__dark { display: none; }
.ucx-logo__light { display: block; }

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .ucx-logo__light { display: none; }
  :root:not([data-theme="light"]) .ucx-logo__dark { display: block; }
}
:root[data-theme="dark"] .ucx-logo__light { display: none; }
:root[data-theme="dark"] .ucx-logo__dark { display: block; }

/* Логотип на заведомо тёмной подложке — например в подвале */
.ucx-on-dark .ucx-logo__light { display: none; }
.ucx-on-dark .ucx-logo__dark { display: block; }