/* Згенеровано scripts/dump_tokens.py — руками не правити. */
/* Дизайн-система «Я ФОП», версія 1b «БАЗАР». */

:root {
  --paper: #f1e5c4;
  --ink: #211911;
  --kumach: #c63a2a;
  --kumach-dark: #a82e20;
  --digit: #e8563f;
  --yellow: #e3a93e;
  --plus: #3e8c4c;
  --minus: #c63a2a;
  --trend: #2e86a0;
  --bezel: #0e0b08;
  --screen: #171310;
  --muted: rgba(241, 229, 196, 0.55);
  --muted-strong: rgba(241, 229, 196, 0.75);
  --hairline: rgba(241, 229, 196, 0.25);

  --font-display: 'Oswald', 'Arial Narrow', sans-serif;
  --font-text: 'PT Sans', system-ui, sans-serif;
  --font-mono: 'PT Mono', ui-monospace, monospace;

  /* Растр — той самий, що на друці: крапка через 5.5px */
  --halftone: radial-gradient(rgba(0, 0, 0, 0.15) 1px, transparent 1.2px);
  --halftone-dark: radial-gradient(rgba(241, 229, 196, 0.07) 1px, transparent 1.2px);
  --halftone-size: 5.5px 5.5px;

  --tap: 48px;   /* мінімальна тач-ціль */
}

/* Кольори дев'яти районів. Другий токен — колір тексту НА цьому
   кольорі: контраст уже вирішений у системі, рахувати на льоту не треба. */
/* 1 — СТИХІЙНИЙ СТАРТ */
.d1 { --district: #8c5a33; --on-district: #f1e5c4; }
/* 2 — СПАЛЬНИЙ РАЙОН */
.d2 { --district: #43b7cd; --on-district: #211911; }
/* 3 — СТАРИЙ ЦЕНТР */
.d3 { --district: #c2427e; --on-district: #f1e5c4; }
/* 4 — ПРОМЗОНА */
.d4 { --district: #de7b33; --on-district: #211911; }
/* 5 — НОВОБУДОВА */
.d5 { --district: #7c42a1; --on-district: #f1e5c4; }
/* 6 — ТУРИСТИЧНИЙ КВАРТАЛ */
.d6 { --district: #e3a93e; --on-district: #211911; }
/* 7 — ДІЛОВИЙ ЦЕНТР */
.d7 { --district: #339c5f; --on-district: #f1e5c4; }
/* 8 — ЗОЛОТИЙ КВАДРАТ */
.d8 { --district: #2d5ca4; --on-district: #f1e5c4; }
/* 9 — БІЗНЕС-СЕРІЯ */
.d9 { --district: #221e1a; --on-district: #f1e5c4; }