/* Палитра и размеры. Один источник правды для всех страниц: витрины,
   страницы загрузки, входа и панели.

   Взято из нашего Service Desk (help.virtualoff.ru): Inter, брендовый
   зелёный, светло-серая канва. Менять цвет — здесь, и он поменяется везде.

   Цвета записаны тройками каналов без обёртки rgb(), чтобы к любому из них
   можно было добавить прозрачность: rgb(var(--brand-500) / .12). */

:root {
  --canvas: 246 247 249;
  --surface: 255 255 255;
  --surface-soft: 250 251 252;
  --line: 232 236 242;
  --line-soft: 238 241 245;

  --ink: 17 24 39;
  --muted: 82 90 104;
  --faint: 130 138 152;

  --brand-50: 230 249 241;
  --brand-100: 198 241 222;
  --brand-200: 143 228 191;
  --brand-300: 84 212 157;
  --brand-400: 31 196 128;
  --brand-500: 0 185 107;
  --brand-600: 0 163 94;
  --brand-700: 0 133 77;

  --ok: 22 163 74;
  --warn: 245 158 11;
  --bad: 220 38 38;
  --info: 37 99 235;

  --radius: 12px;
  --radius-sm: 9px;
  --shadow: 0 1px 4px 1px rgb(16 24 40 / .08);
  --shadow-lift: 0 10px 28px -12px rgb(16 24 40 / .35);

  --header-h: 56px;
  --sidebar-w: 232px;
  --page-max: 1320px;

  color-scheme: light;
}

html.dark {
  --canvas: 23 24 26;
  --surface: 32 33 35;
  --surface-soft: 38 39 42;
  --line: 52 54 58;
  --line-soft: 42 44 47;

  --ink: 232 233 234;
  --muted: 154 157 163;
  --faint: 128 132 139;

  --brand-50: 21 42 34;
  --brand-100: 26 56 44;
  --brand-200: 35 77 60;
  --brand-300: 44 97 73;
  --brand-700: 75 211 154;

  --ok: 52 199 108;
  --warn: 251 165 60;
  --bad: 248 113 113;
  --info: 96 165 250;

  --shadow: 0 1px 4px 1px rgb(0 0 0 / .35);
  --shadow-lift: 0 10px 28px -12px rgb(0 0 0 / .6);

  color-scheme: dark;
}