/* Токены терминала. Цвета и шрифты — общие для всего сайта и живут в
   /shared.css (вынесены из index.html); здесь только то, чего на главной
   нет: размеры каркаса и параметры движения. */
:root{
  --line2:#26303f;
  /* каркас */
  --hh:40px;        /* шапка */
  --th:28px;        /* полоса вкладок */
  --kh:26px;        /* нижняя строка */
  --rw:60px;        /* колонка групп */
  --fw:216px;       /* подпанель */
  --gap:8px;
  /* движение */
  --ease:cubic-bezier(.3,.9,.3,1);
  --glow:rgba(240,166,60,.28); --glow-soft:rgba(240,166,60,.14);
}
html.light{--line2:#cfd6de;--glow:rgba(200,120,20,.28);--glow-soft:rgba(200,120,20,.12)}

/* ── темы терминала (этап 20). Светлые (light, paper) — поверх html.light, тёмные — поверх базовой.
   Класс html.th-<имя> переопределяет только цвета и шрифты; каркас и компоненты общие. ── */
/* Светлая, доработанная: чуть тёплый фон, подписи контрастнее, акцент темнее — читается на белом */
html.light.th-light{--bg:#f3f5f8;--panel:#ffffff;--line:#dfe4ea;--line2:#cdd4dc;--tx:#17202a;--dim:#5a6878;--amber:#a35f00;--green:#0d7a3b;--red:#c0262d;--blue:#155fb8}
/* Янтарная (id bloomberg): чёрный фон, оранжевые подписи, жёлтые акценты, белые значения, всё моноширинным */
html.th-bloomberg{--bg:#000000;--panel:#060606;--line:#2b2b2b;--line2:#3a3a3a;--tx:#f2f2f2;--dim:#ff9a1f;--amber:#ffd21f;--green:#39e75f;--red:#ff4a3d;--blue:#57b2ff;--violet:#c79bff;
  --sans:"IBM Plex Mono","SF Mono",Consolas,Menlo,"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",monospace;--glow:rgba(255,154,31,.3);--glow-soft:rgba(255,154,31,.15)}
html.th-bloomberg header{background:#000;border-bottom-color:#ff9a1f55}
html.th-bloomberg .pnl .sh{background:#111}html.th-bloomberg .pnl .sh b{color:#ff9a1f}
html.th-bloomberg #tabsbar .tb.on{color:#000;background:#ff9a1f}
/* Графит: спокойная сине-серая тёмная (приглушённые акценты, меньше контраста) */
html.th-graphite{--bg:#1a1e26;--panel:#20252f;--line:#2f3744;--line2:#3a4453;--tx:#d9dee8;--dim:#8490a2;--amber:#e8c07a;--green:#9fcb85;--red:#e3787e;--blue:#86bfd6;--violet:#b99ad3;
  --glow:rgba(232,192,122,.22);--glow-soft:rgba(232,192,122,.1)}
/* Бумага: тёплая светлая для долгого чтения */
html.light.th-paper{--bg:#f2ede3;--panel:#faf7f0;--line:#e0d8c7;--line2:#d3cab6;--tx:#2a241d;--dim:#786d5f;--amber:#955800;--green:#2c7536;--red:#ad2f28;--blue:#225a97;--violet:#6b4a9a;
  --glow:rgba(149,88,0,.22);--glow-soft:rgba(149,88,0,.1)}

/* меню тем */
.thwrap{position:relative;display:flex}
/* меню тем: по ширине названий, по левому краю, шрифт как у часов; выплывает плавно */
.thmenu{position:absolute;right:0;top:calc(100% + 6px);z-index:80;width:max-content;background:var(--panel);border:1px solid var(--line);border-radius:6px;box-shadow:0 10px 28px rgba(0,0,0,.35);padding:4px;
  opacity:0;transform:translateY(-8px) scale(.98);transform-origin:top right;pointer-events:none;transition:opacity .32s ease,transform .38s cubic-bezier(.22,1,.36,1)}
.thwrap.open .thmenu{opacity:1;transform:none;pointer-events:auto}
.thmenu button{display:block;width:100%;background:none;border:0;border-radius:4px;padding:5px 10px;color:var(--dim);font:12px var(--mono);cursor:pointer;text-align:left;white-space:nowrap;transition:color .15s,background .15s}
.thmenu button:hover{color:var(--tx);background:color-mix(in srgb,var(--amber) 8%,transparent)}
.thmenu button.on{color:var(--amber)}