/* Общие токены «Как все» — плакат референдума: два плоских цветных блока на чёрной основе, толстая линейка сверху у каждой панели,
   шкала-рулетка вместо каната, Inter Tight. Никакого стекла, градиентов, свечения и размытых пятен.
   Стороны различимы и при дальтонизме: жёлтая (ТЁМНЫЙ текст) против синей (БЕЛЫЙ текст) — отличаются по яркости, плюс значок ✔ / ✖ или буква А / Б.
   Доска и телефон подключают этот файл и дальше рисуют своё. Тема только тёмная: «принудительная тёмная тема» её не перекрашивает. */
@import url("https://fonts.googleapis.com/css2?family=Inter+Tight:wght@500;600;700;800;900&display=swap");

:root {
  color-scheme: dark;
  --bg: #0d0d0f;
  --panel: #18181b;       /* панель с верхней линейкой */
  --panel2: #202024;      /* строка / вложенный блок */
  --paper: #f4f1e8;       /* бумажно-белый: текст, линейки, кнопки */
  --text: #f4f1e8;
  --muted: rgba(244, 241, 232, .66);
  --line: rgba(244, 241, 232, .22);
  --a: #ffd21f;           /* ДА / А: жёлтая сторона */
  --a-ink: #15130a;       /* текст на жёлтом */
  --b: #3d4dff;           /* НЕТ / Б: синяя сторона */
  --b-ink: #ffffff;       /* текст на синем */
  --b-text: #8d98ff;      /* синий, читаемый на чёрном (цифры, ссылки) */
  --hot: #ff4a1c;         /* единственный акцент: «×2», метка, ошибка рядом с кнопкой */
  --ok: #3ddc84;
  --bad: #ff6a5c;
  --display: "Inter Tight", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --body: "Inter Tight", "Helvetica Neue", Arial, sans-serif;
  --r: 4px;               /* единственный радиус: почти без скруглений */
  /* старые имена, чтобы не ломать то, что ещё не переписано */
  --f-head: var(--display);
  --f-body: var(--body);
  --ink: var(--text);
  --ink-dark: var(--bg);
  --glass: var(--panel);
  --glass-hi: var(--panel2);
  --glass-line: var(--line);
  --side-a: var(--a);
  --side-b: var(--b);
}

html { background: var(--bg); touch-action: manipulation; }

/* панель плаката: сплошная, с толстой линейкой сверху */
.plank-panel { background: var(--panel); border-top: 6px solid var(--paper); border-radius: 0; }
/* значок-метка: квадратная плашка, не пилюля */
.chip { display: inline-block; background: var(--paper); color: var(--bg); border-radius: var(--r); padding: 4px 9px; font: 800 13px/1.2 var(--body); letter-spacing: .06em; }