/*
 * Дизайн-токени нового інтерфейсу gpsonline.com.ua.
 *
 * Єдиний файл, де живуть кольори, тіні й радіуси. Усі інші файли набору
 * беруть значення звідси — так тема міняється в одному місці.
 *
 * Тема одна з двох і вмикається ЛИШЕ явно: світла — за замовчуванням,
 * темна — коли на <html> стоїть data-theme="dark" (перемикач у шапці,
 * templates/parts/theme.php).
 *
 * Автоматичного перемикання за системною темою немає навмисно. Раніше тут
 * стояв @media (prefers-color-scheme: dark), і в людей із темною темою в
 * системі кабінет темнішав сам собою — при тому, що перемикача ще не було
 * і в половині старої верстки кольори захардкожені. Якщо колись знадобиться
 * режим «як у системі», його треба робити третім станом перемикача, а не
 * поведінкою за замовчуванням.
 */

:root{
  /* поверхні */
  --ground:#F2F4F1;      /* тло сторінки */
  --surface:#FFFFFF;     /* картки, шапка, підвал */
  --surface-2:#E9EDE8;   /* другорядні плашки */
  --map:#DDE5DB;         /* підкладка карти */

  /* текст */
  --ink:#12180F;
  --ink-2:#525C51;
  --ink-3:#7A857A;

  /* лінії */
  --line:#D3DAD2;
  --line-2:#C0C9BE;

  /* бренд */
  --brand:#006200;
  --brand-ink:#FFFFFF;
  --brand-soft:#E2EFE0;

  /* семантика станів техніки: рух, увага, аварія */
  --ok:#2E7D4F;
  --warn:#9A6410;
  --crit:#A8362A;
  /* довідка й підказки — єдиний синій, щоб не плутати з дією (зелений) */
  --info:#1660C4;

  /* глибина */
  --shadow-1:0 1px 2px rgba(18,24,15,.06);
  --shadow-2:0 1px 2px rgba(18,24,15,.06), 0 8px 24px rgba(18,24,15,.06);

  /* геометрія */
  --radius:3px;
  --wrap:1120px;
  --app-top-h:56px;      /* висота верхньої панелі кабінету */

  /* Системні елементи (select, скролбар, календар браузера) малюються за цим
     значенням. Воно ж вимикає примусове затемнення Chrome на Android: без
     color-scheme браузер вважає, що сторінка теми не має, і інвертує її сам. */
  color-scheme:light;
}

:root[data-theme="dark"]{
  color-scheme:dark;
  --ground:#0D120F; --surface:#151C17; --surface-2:#1D2620; --map:#0F1712;
  --ink:#E9EFE7; --ink-2:#A2AEA1; --ink-3:#78847A;
  --line:#26302A; --line-2:#334035;
  --brand:#5FBB74; --brand-ink:#08160C; --brand-soft:#17301E;
  --ok:#67C08C; --warn:#D9A24A; --crit:#E0705F; --info:#6BA6F0;
  --shadow-1:0 1px 2px rgba(0,0,0,.4);
  --shadow-2:0 1px 2px rgba(0,0,0,.4), 0 10px 28px rgba(0,0,0,.35);
}