/*
 * Integria — токени на дизайна. Одобрени 23.08.2026.
 *
 * СВЕТЛАТА ТЕМА Е ПО ПОДРАЗБИРАНЕ — решено 23.08.2026.
 * Съзнателно НЕ се следи `prefers-color-scheme`: сайтът тръгва светъл дори когато
 * устройството е в тъмен режим, а човек преминава в тъмна с иконата горе вдясно.
 * Цената на това решение: някой, чийто телефон е в тъмен режим вечер, получава
 * светъл екран при първото посещение. Изборът се помни след това.
 * Единствен източник на истината: docs/05-design-system.md.
 *
 * Правила:
 *   - един акцент на страница: petrol ИЛИ slate, никога и двете като равни
 *   - цветът никога не носи смисъл сам — винаги и текст, икона или позиция
 *   - никакви градиенти
 * Всяка двойка по-долу е изчислена по формулата на WCAG; съотношенията са в
 * коментарите и са спрямо --paper, освен ако не е указано друго.
 */
:root {
  /* основа */
  --paper: #F8F7F3;
  --surface: #FFFFFF;
  --surface-2: #EFEEE8;
  --ink: #151E1C;        /* 15,87:1 — AAA */
  --ink-2: #3B4946;
  --muted: #566661;      /* 5,65:1 — AA  */
  --rule: #DCDAD1;
  --rule-2: #C5C2B6;

  /* петрол — регистър на частните клиенти */
  --petrol: #1B4B47;     /* 9,14:1 — AAA */
  --petrol-soft: #E4EDEB;

  /* шисти — регистър на организациите */
  --slate: #2E4159;      /* 9,71:1 — AAA */
  --slate-soft: #E5EAF0;

  /* състояния — отделени от марката */
  --ok: #2E6B4F;         /* 5,88:1 — AA */
  --warn: #8A5A16;       /* 4,99:1 върху --warn-soft — AA */
  --warn-soft: #F4EBD9;
  --danger: #96332C;     /* 6,05:1 върху --danger-soft — AA */
  --danger-soft: #F6E3E1;

  /* типография */
  --font-display: "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-ui: Commissioner, "Segoe UI", system-ui, -apple-system, sans-serif;
  --measure: 68ch;

  /* докосване: 24×24 е минимумът по 2.5.8, 44 е практическият */
  --target-min: 44px;
  --target-gap: 8px;
}

:root[data-theme="dark"] {
  --paper: #101615;
  --surface: #171E1D;
  --surface-2: #1D2624;
  --ink: #E8EDEB;
  --ink-2: #B4C0BD;
  --muted: #93A29E;
  --rule: #26302E;
  --rule-2: #35413E;
  --petrol: #79C4B9;
  --petrol-soft: #173230;
  --slate: #9BB4D4;
  --slate-soft: #1A2431;
  --ok: #6FB894;
  --warn: #D9AC62;
  --warn-soft: #2A2214;
  --danger: #E39189;
  --danger-soft: #2E1C1A;
}

/* полетата са минимум 16px, иначе Safari на iOS увеличава страницата при фокус */
input, select, textarea { font-size: max(16px, 1rem); }

/* фокусът е винаги видим — 2.4.11 */
:focus-visible { outline: 2px solid var(--petrol); outline-offset: 2px; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}