/* Дизайн-токены QRS: перенос lib/_colors.scss + lib/_variables.scss
   (qrs-front-expert) и tokens.css (qrs-changes) в CSS-переменные. */
:root{
  /* Brand */
  --brand-primary:#3D4CD4;
  --brand-navy:#1c2469;
  --brand-blue:#5DD6FF;

  /* Text */
  --ink:#002033;
  --ink-body:#2E4759;
  --ink-soft:#7B8D9E;
  --ink-faint:#9CA3AE;
  --text-inverse:#fff;

  /* Backgrounds / borders */
  --bg:#f2f3f5;
  --card:#ffffff;
  --line:#e6e6e6;
  --line-2:#D7DCE4;
  --border-input:rgba(0,32,51,.28);
  --border-input-hover:rgba(61,76,212,.5);

  /* Status: info (брендовая пастель) */
  --info-bg:rgb(242,243,255);
  --info-bg-hover:rgb(231,233,252);
  --info-border:rgba(61,76,212,.2);

  /* Status: success / warn / danger */
  --success-text:rgb(1,118,1);
  --success-bg:rgb(224,247,224);
  --success-border:rgba(1,118,1,.2);
  --warn-text:rgb(118,96,1);
  --warn-bg:rgb(255,249,196);
  --warn-border:rgba(118,96,1,.2);
  --danger-text:#b91c1c;
  --danger-bg:rgb(254,230,232);

  /* Совместимость со старыми именами */
  --navy:var(--brand-navy);
  --primary:var(--brand-navy);
  --accent:var(--brand-primary);
  --accent-soft:var(--info-bg);
  --green:var(--success-text);
  --green-soft:var(--success-bg);
  --amber:var(--warn-text);
  --amber-soft:var(--warn-bg);
  --rose:#C23A2B;

  /* Shadows ($qrs-shadow-sm / md) */
  --shadow-sm:0 0 6px 0 rgba(0,0,0,.02),0 2px 4px 0 rgba(0,0,0,.05);
  --shadow-md:0 0 4px 0 rgba(0,0,0,.04),0 8px 16px 0 rgba(0,0,0,.08);
  --shadow:var(--shadow-sm);

  /* Radius / transition */
  --radius-sm:4px; --radius-md:6px; --radius-lg:8px; --radius-xl:12px; --radius-full:999px;
  --radius:var(--radius-xl);
  --transition:.15s ease-out;

  /* Роли графиков */
  --viz-grid:#eceef1;
  --viz-axis:#c9d2da;
  --viz-muted:#7B8D9E;
  --series-1:#3D4CD4;        /* бренд: процесс с ИИ / эффект масштаба */
  --series-2:#29ABE2;        /* голубой из лого: предотвращённые потери */
  --series-total:#1c2469;    /* navy: итог */
  --series-manual:#C1C8CF;      /* нейтральный базис: ручной контроль (заливки) */
  --series-manual-dark:#7B8D9E; /* он же для линий/маркеров (контраст на белом) */
}
*{box-sizing:border-box}
body{margin:0;font-family:'Inter',sans-serif;font-size:14px;color:var(--ink);letter-spacing:.15px;
  line-height:1.3;font-weight:400;background:var(--bg);-webkit-font-smoothing:antialiased}
.hidden{display:none!important}
::selection{background:rgba(143,185,23,.27)}
::-webkit-scrollbar{width:8px;background-color:var(--bg)}
::-webkit-scrollbar-track{box-shadow:inset 0 0 3px rgba(0,0,0,.3);border-radius:4px;background-color:var(--bg)}
::-webkit-scrollbar-thumb{border-radius:4px;box-shadow:inset 0 0 3px rgba(0,0,0,.3);background-color:var(--brand-primary)}