/* Токены «инженерного журнала». Цвета Telegram подхватываются, иначе — свои. */
:root {
  --fb-bg: #fbfaf6;
  --fb-surface: #f1efe8;
  --fb-text: #1d2023;
  --fb-hint: #747a80;
  --fb-link: #1f6f78;
  --fb-btn: #1f6f78;
  --fb-btn-text: #ffffff;

  --bg: var(--tg-theme-bg-color, var(--fb-bg));
  --surface: var(--tg-theme-secondary-bg-color, var(--fb-surface));
  --text: var(--tg-theme-text-color, var(--fb-text));
  --hint: var(--tg-theme-hint-color, var(--fb-hint));
  --link: var(--tg-theme-link-color, var(--fb-link));
  --btn: var(--tg-theme-button-color, var(--fb-btn));
  --btn-text: var(--tg-theme-button-text-color, var(--fb-btn-text));

  /* линии и подложки — серый с прозрачностью, одинаково работает в светлой и тёмной теме */
  --line: rgba(128, 128, 128, 0.28);
  --line-soft: rgba(128, 128, 128, 0.16);
  --hover: rgba(128, 128, 128, 0.12);
  --scrim: rgba(10, 12, 14, 0.5);

  /* семантика */
  --c-calc: #1f8a85;
  --c-sales: #c98a12;
  --c-company: #5b66b8;
  --c-over: #cf3f36;
  --c-today: #c27a0a;
  --c-over-bg: rgba(207, 63, 54, 0.14);
  --c-today-bg: rgba(212, 140, 16, 0.18);
  --c-ok: #3f8f5a;

  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;

  --fs-screen: 1.375rem;
  --fs-title: 1rem;
  --fs-meta: 0.8125rem;
  --fs-label: 0.6875rem;

  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 36px;

  --r-s: 4px;
  --r-m: 8px;
  --r-l: 14px;

  --touch: 44px;
  --dur: 180ms;
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --col-w: 288px;
}

:root[data-scheme="dark"] {
  --fb-bg: #15181b; --fb-surface: #1f2428; --fb-text: #e8eaec; --fb-hint: #8a9299;
  --fb-link: #5cc3c0; --fb-btn: #2b9a96; --fb-btn-text: #06201f;
  --c-calc: #4fc4bd; --c-sales: #e5ad3a; --c-company: #8c97e6; --c-over: #ff7b70; --c-today: #f0b04a;
  --c-over-bg: rgba(255, 123, 112, 0.17); --c-today-bg: rgba(240, 176, 74, 0.18); --c-ok: #6cc486;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-scheme="light"]) {
    --fb-bg: #15181b; --fb-surface: #1f2428; --fb-text: #e8eaec; --fb-hint: #8a9299;
    --fb-link: #5cc3c0; --fb-btn: #2b9a96; --fb-btn-text: #06201f;
    --c-calc: #4fc4bd; --c-sales: #e5ad3a; --c-company: #8c97e6; --c-over: #ff7b70; --c-today: #f0b04a;
    --c-over-bg: rgba(255, 123, 112, 0.17); --c-today-bg: rgba(240, 176, 74, 0.18); --c-ok: #6cc486;
  }
}

[data-flow="calc"] { --accent: var(--c-calc); }
[data-flow="sales"] { --accent: var(--c-sales); }
[data-flow="company"] { --accent: var(--c-company); }
[data-flow="my"] { --accent: var(--link); }