/* Единые правила дизайна сервиса ДДС. Источник цветов и шрифта: izbalux.com, прочитано 06.11.2026
   (izba-buttons.css :root и главная страница). «Служебные» цвета на сайте не встречаются, добавлены для денег.
   Экраны и код берут значения только отсюда. */
:root {
  /* С сайта */
  --ink: #1C1C1F;          /* основной текст, тёмные поверхности */
  --gold: #FDBE1F;         /* главное действие; текст на нём только --ink */
  --gold-light: #FDCB4D;   /* золотая кнопка при наведении */
  --cream: #FFFAEC;        /* мягкий фон для важного пояснения */
  --line: #E0E0E0;         /* все линии, 1px */
  --ground: #F5F5F5;       /* фон страницы */
  --surface: #FFFFFF;      /* фон списков и полей */
  --danger-site: #E01F1F;  /* красный с сайта, только значки и рамки */

  /* Служебные: текст не светлее 4,5:1 на белом */
  --muted: #5F5F66;        /* подписи; серый сайта #808080 слишком светлый для мелкого текста */
  --income: #0B6B4F;       /* приход */
  --transit: #1F5FA8;      /* в пути */
  --danger: #A8200D;       /* разница, ошибка */
  --on-ink: #FFFFFF;       /* текст на --ink */
  --on-ink-muted: #C8C8CC; /* подпись на --ink */

  /* Шрифт: Onest, как на сайте (файлы в /static/fonts, П9). Шкала 1,25 от 16 px; страницы — 15 px (дизайн 2) */
  --font: 'Onest', system-ui, sans-serif;
  --text-sm: 13px;
  --text-base: 16px;
  --text-lg: 20px;
  --text-xl: 25px;
  --text-2xl: 31px;
  --text-3xl: 39px;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-bold: 600;

  /* Отступы */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;

  /* Скругления с сайта */
  --radius-control: 8px;
  --radius-panel: 12px;    /* блоки (дизайн 2, П9) */

  /* Размер касания */
  --touch-min: 44px;
  --touch-main: 56px;
}

/* Правила применения
   1. Списки денег: строки на белом, разделитель 1px --line. Карточка на каждую запись запрещена.
   2. Суммы: цифры равной ширины, выравнивание вправо, всегда знак и ₽.
   3. Расход показывается цветом --ink. Цвет получают только приход, в пути и разница. Знак есть всегда: цвет не единственный признак.
   4. Золотая кнопка одна на экран: главное действие.
   5. Теней и градиентов нет.
   6. Значки только из Lucide (lucide-static 0.400.0), свои не рисовать.
   7. Вёрстка: основа 375 px, затем правила от 768 px и от 1024 px.
*/