/* ════════════════════════════════════════════════════════════════════
   Бренд заказчика поверх «Воздуха»: знак NordFox (кольцо NF, nordfox.ru).

   Единственный слой окна, где цвет стоит литералом: это данные бренда
   (цвета сняты с оригинала знака cropped-NF-512.png), а не стиль системы.
   Всё остальное — токены var(--air-*). Подключается ПОСЛЕ finpo.css.
   ════════════════════════════════════════════════════════════════════ */
:root {
  --nf-blue: #0060AA;   /* синяя половина кольца и буква N */
  --nf-red: #E31E25;    /* красная половина кольца и буква F */
  --nf-disc: #FFFFFF;   /* подложка знака: оригинал живёт на белом */
  /* Бренд-цвет системы = синий NordFox; пользовательскому акценту не подчиняется (CONTRACT). */
  --air-brand: var(--nf-blue);
}
/* В тёмных темах чернила бренда светлее, чтобы держать контраст на тёмном канвасе. */
:root[data-theme='dark'], :root[data-theme='indigo'], :root[data-theme='graphite'] {
  --nf-blue: #5B9BE0;
  --nf-red: #F25C62;
}

/* Знак: белый диск под кольцом, мягкая тень бренда вместо тени акцента ФинПо. */
.fp-mark--nf {
  background: var(--nf-disc);
  box-shadow: 0 6px 16px color-mix(in srgb, var(--nf-blue) 28%, transparent);
}
.fp-mark--nf > img { display: block; width: 100%; height: 100%; }

/* Словесный знак: «Nord» синим, «Fox» красным — как буквы в кольце. */
.nf-word { display: flex; letter-spacing: var(--air-ls-head); }
.nf-word__nord { color: var(--nf-blue); }
.nf-word__fox { color: var(--nf-red); }