/* ── Палітра EDEN booking — ЄДИНЕ місце, звідки всі екрани беруть кольори ──
   Підключається і застосунком персоналу (index.html), і гостьовим (guest.html).
   Темна тема — :root, світла — html.light (клас ставить app.js за colorScheme
   Telegram). Ніде більше жорстких rgba(255,255,255,…) бути не повинно:
   саме через них у світлій темі все виглядало блідим (25.07.2026). */
:root {
  --tg-bg: var(--tg-theme-bg-color, #17212b);
  --tg-text: var(--tg-theme-text-color, #ffffff);
  --tg-hint: var(--tg-theme-hint-color, #9aa6b2);
  --tg-link: var(--tg-theme-link-color, #5ea9dd);
  --tg-btn: var(--tg-theme-button-color, #50a8eb);
  --tg-btn-text: var(--tg-theme-button-text-color, #ffffff);
  --tg-secondary-bg: var(--tg-theme-secondary-bg-color, #232e3c);
  --field-bg: rgba(255,255,255,.07);
  --field-border: rgba(255,255,255,.22);
  --dots: rgba(255,255,255,.10);   /* сітка-крапки під схемою залу */
  --free: #2ecc71;
  --busy: #e74c3c;
  --wait: #f5b041;   /* є бронь, чекає гостя (жовто-помаранчевий) */
  --late: #e74c3c;   /* гість запізнюється (червоний) */
  --service: #7f8c9a;
  --radius: 10px;
  /* Накладки й лінії. Застосунок писався під темну тему Telegram, тому скрізь були
     жорсткі rgba(255,255,255,…) — у СВІТЛІЙ темі вони зникали (усе бліде й пласке).
     Тепер це змінні, які світла тема перевизначає на темні (клас .light ставить app.js). */
  --ovl-1: rgba(255,255,255,.06);   /* легка підкладка (чіпи, вкладки) */
  --ovl-2: rgba(255,255,255,.10);   /* натиснутий стан, помітніша підкладка */
  --ovl-3: rgba(255,255,255,.15);   /* акцентна підкладка, кільця */
  --line: rgba(255,255,255,.09);    /* розділювачі всередині блоків */
  --line-soft: rgba(255,255,255,.06); /* межі панелей */
  --label: var(--tg-hint);        /* підписи/шапки таблиць */
  --ok-bg: rgba(123,214,106,.16); --ok-fg: #7bd66a;
  --acc-bg: rgba(255,106,0,.16);  --acc-fg: #ff6a00;
  /* статуси броней і ролі — теж з одного місця, інакше в світлій темі
     на екрані з’являлися темні плашки з темної теми */
  --st-active-bg: #1e3a2a; --st-active-fg: #6ee7a0;
  --st-seated-bg: #3a341e; --st-seated-fg: #e7cf6e;
  --st-noshow-bg: #3a1e1e; --st-noshow-fg: #e79a9a;
  --st-done-bg:   #1e303a; --st-done-fg:   #6ec3e7;
  --st-cancel-bg: #2c2c2c; --st-cancel-fg: #b0b0b0;
  --role-admin-bg: #3a2a1e; --role-admin-fg: #e7b06e;
}
html.light {
  --ovl-1: rgba(19,2,34,.04);
  --ovl-2: rgba(19,2,34,.07);
  --ovl-3: rgba(19,2,34,.11);
  --line: rgba(19,2,34,.11);
  --line-soft: rgba(19,2,34,.07);
  --label: #6b6577;               /* замість блідого hint — читабельний сірий */
  --field-bg: rgba(19,2,34,.035);
  --field-border: rgba(19,2,34,.16);
  --dots: rgba(19,2,34,.10);
  --ok-bg: rgba(31,122,77,.12);   --ok-fg: #1f7a4d;
  --acc-bg: rgba(255,106,0,.13);  --acc-fg: #b34700;
  --st-active-bg: #e3f5ea; --st-active-fg: #1f7a4d;
  --st-seated-bg: #fbeed2; --st-seated-fg: #8a6300;
  --st-noshow-bg: #fbe4e4; --st-noshow-fg: #a83232;
  --st-done-bg:   #e3eff8; --st-done-fg:   #1b5f86;
  --st-cancel-bg: #eeecf0; --st-cancel-fg: #6b6577;
  --role-admin-bg: #fbeeda; --role-admin-fg: #8a5a00;
}