/* Дизайн-токены кабинета MyMetrix.
   Геометрия, плотность таблицы и кегли сняты с кабинета Roistat 08.09 и 16.09.2026
   (docs/cabinet/roistat-ui-teardown.md) и не менялись.
   Цвета и шрифт — бренд MyMetrix, направление A «Точка окупаемости», 29.09.2026
   (docs/brand/visual-identity.md), цвета — вариант «Ультрамарин и серый».
   Один акцент на весь бренд: ультрамарин — выручка, действие, «хорошо»; серый —
   расход. «Худшее значение» — янтарь, ошибка — красный: это статусы, не бренд.
   Новые цвета не заводить, брать отсюда. */

@font-face {
  font-family: "Geologica";
  src: url("../fonts/Geologica-wght.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* --- Шрифт --------------------------------------------------------- */
  --font-ui: "Geologica", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;

  /* --- Поверхности --------------------------------------------------- */
  --bg-dash:          #f4f6f8;  /* бумага: фон дашборда */
  --bg-report:        #f7f8fa;  /* фон экрана отчёта */
  --bg-card:          #ffffff;
  --bg-topbar:        #16202e;  /* графит */
  --bg-sidebar:       #3a4556;  /* сланец */
  --bg-sidebar-hover: #465266;
  --bg-sidebar-active:#3246d3;  /* ультрамарин, белый текст 7,1:1 */
  --bg-total:         #eef1fd;  /* строка «Итого/Среднее» */
  --bg-row-hover:     #f4f6f8;
  --bg-track:         #eef1f4;  /* подложка инлайн-бара */
  --bg-bar:           #c9d1fa;  /* заливка инлайн-бара */
  --bg-tab-active:    rgba(22, 32, 46, .04);

  /* --- Текст ---------------------------------------------------------- */
  --text:        #16202e;  /* 16,4:1 на белом */
  --text-muted:  #3f4a5a;
  --text-faint:  #616c7c;  /* 5,3:1 на белом */
  --text-dim:    #7a8494;  /* подпись «Итого/Среднее», счётчик метрик */
  --text-invert: #ffffff;

  /* --- Акценты -------------------------------------------------------- */
  --link:      #3246d3;  /* 7,1:1 на белом */
  --primary:   #3246d3;  /* кнопки, активные переключатели */
  --brand-accent: #3d55e8; /* знак, графики, заливки; текстом можно (5,7:1) */
  --brand-muted:  #aeb6c2; /* знак, серия «расход»; текстом не использовать (2,0:1) */
  --max:       #3d55e8;  /* подчёркивание лучшего значения в колонке */
  --min:       #d9822b;  /* подчёркивание худшего значения */
  --warn:      #d49a1b;
  --danger:    #c93a2e;
  --warn-bg:   #fdf4e1;
  --danger-bg: #fbe9e7;

  /* --- Линии и тени ---------------------------------------------------- */
  --line-cell:   #e6e9ed;
  --line-row:    #d3d8de;
  --line-soft:   #eef1f4;
  --line-input:  #d3d8de;
  --shadow-panel: 0 0 3px 0 #e2e6ea;
  --shadow-card:  0 4px 28px rgba(22, 32, 46, .12);
  --shadow-sticky: 1px 0 0 0 #d3d8de;

  /* --- Геометрия ------------------------------------------------------ */
  --topbar-h:    40px;
  --crumbs-h:    44px;
  --rtoolbar-h:  52px;
  --period-h:    48px;
  --sidebar-w:   146px;
  --sidebar-w-min: 51px;
  --metricpanel-w: 200px;
  --radius-card: 20px;
  --radius-sm:   3px;
  --radius-chip: 4px;
  --gap:        16px;

  /* --- Типографика ---------------------------------------------------- */
  --fs-nav:    12px;
  --fs-table:  12px;
  --fs-thead:  13px;   /* 600 */
  --fs-total:  13px;   /* 600 */
  --fs-chip:   13px;
  --fs-base:   14px;
  --fs-title:  16px;   /* 700 */
  --fs-h1:     18px;
  --fs-micro:   9px;

  --row-h:  34px;
  --head-h: 38px;
  --nav-item-h: 36px;

  /* --- Цвета метрик графика ------------------------------------------- */
  --m1: #3d55e8;  /* первая выбранная метрика */
  --m2: #d9822b;  /* вторая: янтарь, отличается и по тону, и по светлоте */

  /* --- Палитра каналов: первый — акцент бренда, дальше различимые по тону и светлоте */
  --c1:#3d55e8; --c2:#d9822b; --c3:#2aa5b8; --c4:#8a5cc2; --c5:#5b6b82;
  --c6:#c2477e; --c7:#6c8a2e; --c8:#9aa5b4; --c9:#1f7a8c; --c10:#b5651d;
}