/* ЦВЕТА. Единственное место в проекте, где вообще встречается
   литерал цвета. Во всех остальных файлах — только var(--…).

   Каждый токен объявлен один раз через light-dark(светлый, тёмный).
   Какое из двух значений возьмётся, решает color-scheme:
     нет data-theme        → «как в системе»
     data-theme="light"    → светлая принудительно
     data-theme="dark"     → тёмная принудительно
   Атрибут ставит assets/js/lib/theme.js.

   Тёмная — основная: её видят гость и клиент, она же фирменная.
   Светлая существует только для кабинета бизнеса. */

:root {
  color-scheme: light dark;

  /* Поверхности */
  --bg-page:    light-dark(#e9ebef, #05070B);
  --bg-app:     light-dark(#ffffff, #070A0F);
  --surface:    light-dark(#f4f5f8, #11151D);
  --surface-2:  light-dark(#e9ebef, #151A23);
  --line:       light-dark(#dcdfe6, rgba(255, 255, 255, .10));
  --line-soft:  light-dark(#e8eaef, rgba(255, 255, 255, .06));

  /* Текст */
  --text:       light-dark(#14161c, #F4F5F7);
  --text-dim:   light-dark(#5c6270, #9298A3);
  --text-faint: light-dark(#8b909c, #646B78);

  /* Золото. Три ступени для градиентов: светлая, основная, тёмная. */
  --accent:     light-dark(#F3C657, #F3C657);
  --accent-hi:  light-dark(#FFE084, #FFE084);
  --accent-lo:  light-dark(#DFA843, #E4A93D);
  --on-accent:  light-dark(#0B0D10, #0B0D10);


  /* Цвет роли. Не украшение: кружок у номера отвечает на вопрос
     «в каком я кабинете» раньше, чем прочитан заголовок.
     Клиент зелёный, бизнес золотой — тем же золотом, которым
     во всём проекте отмечено «сюда можно нажать». */
  --role-client:    light-dark(#1f9d55, #2FB86A);
  --on-role-client: light-dark(#ffffff, #06210F);
  --role-business:  light-dark(#F3C657, #F3C657);

  /* Акцент как текст — на белом золото слепнет, поэтому темнее */
  --accent-text:    light-dark(#96690a, #F3C657);
  --accent-text-hi: light-dark(#c08d14, #FFD873);

  /* Рамка поля в фокусе и кольцо вокруг неё */
  --accent-dim:  light-dark(#d9b45c, rgba(243, 198, 87, .65));
  --focus-ring:  light-dark(rgba(201, 148, 50, .14), rgba(243, 198, 87, .08));
  --focus-glow:  light-dark(rgba(201, 148, 50, .10), rgba(243, 198, 87, .08));

  /* Свечение под главной кнопкой */
  --cta-glow-near: light-dark(rgba(201, 148, 50, .22), rgba(226, 165, 55, .15));
  --cta-glow-far:  light-dark(rgba(243, 198, 87, .12), rgba(243, 198, 87, .08));

  /* Перелив внутри главной кнопки. Белый, а не золотой: по золоту
     светлее золота уже не сделать, работает только высветление. */
  --cta-sheen: light-dark(rgba(255, 255, 255, .60), rgba(255, 255, 255, .55));

  /* Плашка незакрытого дела под шапкой. Золото приглушено почти
     до фона: она должна быть заметной, но не тревожной — ничего
     страшного не случилось. */
  --notice-bg:     light-dark(rgba(201, 148, 50, .10), rgba(243, 198, 87, .07));
  --notice-bg-lit: light-dark(rgba(201, 148, 50, .18), rgba(243, 198, 87, .13));
  --notice-line:   light-dark(rgba(201, 148, 50, .22), rgba(243, 198, 87, .16));

  /* Оповещение поверх экрана: полупрозрачная плашка и кружок значка.
     Прозрачность настоящая — под плашкой видно, что происходит. */
  --toast-bg:   light-dark(rgba(28, 30, 38, .82), rgba(28, 32, 42, .82));
  --toast-mark: light-dark(rgba(255, 255, 255, .12), rgba(255, 255, 255, .10));
  --toast-text: light-dark(#f4f5f7, #F4F5F7);

  /* Шторка снизу: затемнение под ней и тень над её краем */
  --veil:         light-dark(rgba(20, 22, 28, .45), rgba(0, 0, 0, .60));
  --sheet-shadow: light-dark(rgba(20, 22, 28, .18), rgba(0, 0, 0, .55));

  /* Опасные действия: выход, удаление */
  --danger: light-dark(#c0392b, #ff6f60);

  /* Успех: надёжный пароль, подтверждённая почта */
  --ok: light-dark(#2e7d4f, #4fc27f);

  /* Тень колонки на широком экране */
  --app-shadow: light-dark(rgba(20, 22, 28, .10), transparent);

  /* ── Декоративный фон (components/backdrop.css) ───────────── */

  /* Большое золотое пятно за правым верхним углом */
  --ambient-core: light-dark(rgba(220, 155, 35, .10), rgba(220, 155, 35, .20));
  --ambient-mid:  light-dark(rgba(194, 127, 15, .05), rgba(194, 127, 15, .10));

  /* Линии орбит: тусклая и подсвеченная части одной окружности */
  --orbit-dim: light-dark(rgba(201, 148, 50, .10), rgba(243, 198, 87, .10));
  --orbit-lit: light-dark(rgba(201, 148, 50, .22), rgba(243, 198, 87, .26));

  /* Частицы на орбитах */
  --dot:        light-dark(#C99432, #FFD873);
  --dot-near:   light-dark(rgba(201, 148, 50, .70), rgba(255, 216, 115, .90));
  --dot-mid:    light-dark(rgba(201, 148, 50, .35), rgba(243, 198, 87, .50));
  --dot-far:    light-dark(rgba(201, 148, 50, .15), rgba(243, 198, 87, .20));

  /* Виньетка по краям колонки */
  --vignette: light-dark(rgba(20, 22, 28, .06), rgba(0, 0, 0, .55));
}

:root[data-theme="light"] { color-scheme: light; }
:root[data-theme="dark"]  { color-scheme: dark; }