@layer tokens, base, shell, components, screens;

/* Общая палитра админки и читателя; акценты задаются в их собственных CSS. */
@layer tokens {
:root {
  --ds-bg: #f5f6f4;
  --ds-surface: #ffffff;
  --ds-panel: #edf0ef;
  --ds-side: #e9eeed;
  --ds-text: #27312d;
  --ds-muted: #53625a;
  --ds-line: #c6cfcc;
  --ds-control-line: #788783;
  --ds-ok: #276249;
  --ds-ok-soft: #e1eee7;
  --ds-warn: #795a1d;
  --ds-warn-soft: #f3e9cf;
  --ds-danger: #9a2929;
  --ds-danger-soft: #f9e8e6;
  --ds-on-accent: #ffffff;

  /* Единая шкала шрифта, минимум 11 px; технический ноль остаётся нулём. */
  --ds-fs-11: 11px;
  --ds-fs-12: 12px;
  --ds-fs-13: 13px;
  --ds-fs-14: 14px;
  --ds-fs-16: 16px;
  --ds-fs-20: 20px;
  --ds-fs-26: 26px;

  /* Простые отступы и радиусы; расчётные выражения сохраняются целиком. */
  --ds-sp-4: 4px;
  --ds-sp-8: 8px;
  --ds-sp-12: 12px;
  --ds-sp-16: 16px;
  --ds-sp-24: 24px;
  --ds-sp-32: 32px;
  --ds-sp-48: 48px;
  --ds-rad-6: 6px;
  --ds-rad-10: 10px;
  --ds-rad-14: 14px;
  --ds-rad-pill: 999px;
}
}