:root {
  /* Фон и поверхности: глубокий чёрный с лёгким тёплым оттенком */
  --bg: #0C0C0E;       /* фон всего приложения */
  --panel: #151518;    /* карточки, панели, поля навигации */
  --panel2: #1D1D21;   /* приподнятые панели (итоги кассы, окна) */
  --border: #2B2B31;   /* рамки карточек и разделители */

  /* Фирменный красный из логотипа — основной акцент (кнопки, иконки, активные вкладки, подсветка) */
  --red: #E02B31;
  --red-hover: #F2383F;
  --red-soft: rgba(224, 43, 49, 0.16); /* подложка под иконкой акцента, мягкая подсветка */
  --on-accent: #FFFFFF;                /* текст на красном фоне */

  /* Текст: по просьбе владельца весь текст чисто белый (особенно мелкий). Роли различаются размером, жирностью и регистром, а не серостью */
  --text: #FFFFFF;       /* основной текст */
  --text-dim: #FFFFFF;   /* второстепенный текст (описания, подписи) */
  --text-faint: #FFFFFF; /* мелкие подписи колонок и подсказки */
  --line-hover: #7C7C84; /* рамка при наведении (это не текст) */
  --ink: #121214;        /* тёмный текст на белых полях и кнопках */

  /* Статусы. Предупреждения и ошибки — ЯНТАРНЫЕ, а не красные: красный — только фирменный, иначе их легко перепутать */
  --green: #3FAE58;  /* выполнено / в норме */
  --amber: #F2A33A;  /* предупреждение, ошибка, требует внимания */
  --warn: var(--amber);
  --warn-soft: rgba(242, 163, 58, 0.14);
  --dot: #57575E;    /* не начато / нейтральный статус */

  /* Циферблат броней: занято / час уборки / свободно */
  --dial-busy: #E5484D;
  --dial-clean: #3B82F6;
  --dial-free: #2F9E5A;

  /* Эффекты */
  --glow: 0 0 0 1px rgba(224, 43, 49, 0.45), 0 10px 34px rgba(224, 43, 49, 0.22);
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}