/* ============================================================================
   ЕРП КОНСАЛТС-СИТИ — ТОКЕНЫ ОФОРМЛЕНИЯ
   ----------------------------------------------------------------------------
   Единственный файл, где разрешены цвета. Остальные стили берут всё отсюда,
   поэтому тема — это подмена значений, а не второй набор правил.
   test/static-client.js падает, если цвет просочится в другой файл.

   Тёмная тема — палитра калькулятора Консалтс-Сити. Светлая — та же семья:
   тёплая бумага вместо графита, золото остаётся на кнопках, а для текста
   темнеет: светлое золото на белом не читается. Логотип — картинка на
   тёмном фоне, поэтому в обеих темах лежит на тёмной плашке того же цвета.
   ========================================================================== */
:root{
  --font:"Inter","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,Arial,sans-serif;
  --cond:"Oswald","Archivo Narrow","Arial Narrow",var(--font);
  --mono:ui-monospace,Consolas,"Roboto Mono",monospace;
  --r-s:8px; --r-m:12px; --r-l:18px; --r-xl:26px;
}

:root,[data-theme=dark]{
  color-scheme:dark;
  --bg:#0a0c10; --bg-2:#0f1218;
  --surface:#151920; --surface-2:#1b202a; --surface-3:#222834;
  --line:#272e3a; --line-2:#333c4a;
  --overlay:rgba(0,0,0,.58);
  --topbar-bg:rgba(10,12,16,.92);

  --text:#eef1f6; --text-2:#b9c1cf; --muted:#7f8798; --dim:#5a6173;

  --accent:#f0bd21; --accent-2:#ffd45e;
  --accent-dim:rgba(240,189,33,.14); --accent-line:rgba(240,189,33,.7);
  --accent-fg:#ffd45e;
  --on-accent:#1a1400;

  --ok:#3ecf8e;   --ok-bg:rgba(62,207,142,.15);   --ok-fg:#93ebc3;   --ok-line:rgba(62,207,142,.35);
  --warn:#f5a623; --warn-bg:rgba(245,166,35,.15); --warn-fg:#ffcc7a; --warn-line:rgba(245,166,35,.38);
  --bad:#ef5b5b;  --bad-bg:rgba(239,91,91,.1);    --bad-fg:#ff9d9d;  --bad-line:rgba(239,91,91,.38);
  --info:#4d9de0; --info-bg:rgba(77,157,224,.15); --info-fg:#a8c8ff; --info-line:rgba(77,157,224,.38);

  --shadow-1:0 2px 8px rgba(0,0,0,.35);
  --shadow-2:0 12px 40px rgba(0,0,0,.5);
  --shadow-modal:0 30px 90px rgba(0,0,0,.6);
  /* Кольцо фокуса заменяет обводку браузера, значит должно быть видно: при
     прежней прозрачности .16 оно давало контраст 1,3:1 к фону — работать
     с клавиатуры было невозможно, не видно, где ты находишься */
  --focus-ring:rgba(240,189,33,.75);
  --glow-1:rgba(240,189,33,.11);
  --glow-2:rgba(240,189,33,.06);
  --logo-plate:#272726;
}

[data-theme=light]{
  color-scheme:light;
  --bg:#f3f1ec; --bg-2:#faf9f6;
  --surface:#ffffff; --surface-2:#ece9e2; --surface-3:#e2ded4;
  --line:#e2ddd2; --line-2:#cfc8bb;
  --overlay:rgba(28,24,14,.38);
  --topbar-bg:rgba(250,249,246,.92);

  --text:#171a21; --text-2:#3b404c; --muted:#5d6370; --dim:#8b909b;

  --accent:#f0bd21; --accent-2:#e2aa0a;
  --accent-dim:rgba(240,189,33,.2); --accent-line:rgba(150,105,0,.8);
  --accent-fg:#7a5500;
  --on-accent:#1a1400;

  --ok:#1e9e62;   --ok-bg:rgba(30,158,98,.12);   --ok-fg:#0e6a3f;   --ok-line:rgba(30,158,98,.4);
  --warn:#d98b00; --warn-bg:rgba(245,166,35,.18); --warn-fg:#855000; --warn-line:rgba(217,139,0,.45);
  --bad:#d64040;  --bad-bg:rgba(214,64,64,.1);   --bad-fg:#ad2828;  --bad-line:rgba(214,64,64,.42);
  --info:#2f7fc6; --info-bg:rgba(47,127,198,.12); --info-fg:#1b5a94; --info-line:rgba(47,127,198,.4);

  --shadow-1:0 1px 3px rgba(40,32,10,.08);
  --shadow-2:0 10px 30px rgba(40,32,10,.12);
  --shadow-modal:0 24px 70px rgba(40,32,10,.22);
  /* На светлой теме жёлтое кольцо на белом не видно ни при какой прозрачности —
     берём тёмное золото: тот же цвет программы, но различимый */
  --focus-ring:rgba(150,105,0,.85);
  --glow-1:rgba(240,189,33,.2);
  --glow-2:rgba(240,189,33,.1);
  --logo-plate:#272726;
}