/* Палитры Telegram для Kris (владелец 2026-11-02: «всё как в Telegram», днём светлая, ночью тёмная).
   Только переменные — применяет их к экранам визуальный чат. Тема ставится dist/theme.js на <html data-theme>. */
:root,html[data-theme="light"]{
  --tg-bg:#ffffff;            /* фон экранов, шапка */
  --tg-chat-bg:#e4ebdd;       /* фон ленты чата (как обои Telegram по умолчанию, спокойный зелёно-серый) */
  --tg-secondary-bg:#f1f2f4;  /* поля, списки, подложки */
  --tg-text:#000000;
  --tg-hint:#59646e;          /* время, подписи, плейсхолдер */
  --tg-accent:#3390ec;        /* ссылки, активные элементы, кнопка отправки */
  --tg-button-text:#ffffff;
  --tg-bubble-in:#ffffff;     /* входящее сообщение */
  --tg-bubble-out:#effedd;    /* своё сообщение */
  --tg-bubble-out-meta:#4fae4e; /* время и галочки в своём сообщении */
  --tg-separator:#e7e7e7;
  --tg-destructive:#e53935;
}
html[data-theme="dark"]{
  --tg-bg:#17212b;
  --tg-chat-bg:#0e1621;
  --tg-secondary-bg:#242f3d;
  --tg-text:#f5f5f5;
  --tg-hint:#becbd8;
  --tg-accent:#5288c1;
  --tg-button-text:#ffffff;
  --tg-bubble-in:#182533;
  --tg-bubble-out:#2b5278;
  --tg-bubble-out-meta:#7da8d3;
  --tg-separator:#101921;
  --tg-destructive:#ec3942;
}

/* Readable text actions and a quiet notice surface, derived from the palette. */
:root{--tg-action-bg:color-mix(in srgb,var(--tg-accent) 80%,black);--tg-notice-bg:color-mix(in srgb,var(--tg-accent) 12%,var(--tg-bg))}
:root,html[data-theme="light"]{--tg-link-text:var(--tg-action-bg)}
html[data-theme="dark"]{--tg-link-text:color-mix(in srgb,var(--tg-accent) 40%,var(--tg-text))}