/* ==========================================================================
   Дизайн-система «Кварц» — прототип платформы «Полюс Фонд»
   Собственная система токенов. Не Compo DS.
   Принципы: графит + золото, плоские поверхности, 1px границы,
   без градиентов, без emoji, иконки — инлайновый SVG в стиле штрихового набора.
   ========================================================================== */

:root {
  /* --- Нейтральные --- */
  --ink-900: #12161c;
  --ink-800: #1b2129;
  --ink-700: #2b3440;
  --ink-600: #414d5c;
  --ink-500: #5a6675;
  --ink-400: #7c8898;
  --ink-300: #a3adba;
  --ink-200: #cfd5dd;
  --line: #e2e6ec;
  --line-strong: #cbd2db;
  --bg: #f5f7f8;
  --bg-sunken: #eceff2;
  --surface: #ffffff;

  /* --- Бренд: глубокая бирюза --- */
  --brand-900: #0b2830;
  --brand-800: #0f3a45;
  --brand-700: #14505e;
  --brand-600: #1a6577;
  --brand-500: #22808f;
  --brand-300: #7fb6bf;
  --brand-100: #e2eff1;
  --brand-050: #f1f8f9;

  /* --- Акцент: золото --- */
  --gold-700: #8a5f18;
  --gold-600: #a97b23;
  --gold-500: #c8962f;
  --gold-300: #e2c481;
  --gold-100: #f8efd9;

  /* --- Статусы --- */
  --ok-700: #1f5f3d;
  --ok-600: #2f7a50;
  --ok-100: #e5f2ea;
  --warn-700: #8a5a08;
  --warn-600: #b0740f;
  --warn-100: #fbf0da;
  --err-700: #8f2f27;
  --err-600: #b23b32;
  --err-100: #fbe9e7;
  --info-600: #2f5fa8;
  --info-100: #e7eefa;

  /* --- Типографика --- */
  --font: "Golos Text", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-num: "Golos Text", ui-monospace, "SF Mono", Menlo, monospace;

  --fs-11: 11px;
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px;
  --fs-16: 16px;
  --fs-18: 18px;
  --fs-22: 22px;
  --fs-28: 28px;
  --fs-36: 36px;

  /* --- Ритм --- */
  --s-2: 2px;
  --s-4: 4px;
  --s-6: 6px;
  --s-8: 8px;
  --s-12: 12px;
  --s-16: 16px;
  --s-20: 20px;
  --s-24: 24px;
  --s-32: 32px;
  --s-40: 40px;
  --s-56: 56px;

  /* --- Скругления и тени --- */
  --r-4: 4px;
  --r-6: 6px;
  --r-10: 10px;
  --r-14: 14px;
  --r-pill: 999px;

  --sh-1: 0 1px 2px rgba(18, 22, 28, .06);
  --sh-2: 0 4px 16px rgba(18, 22, 28, .10);
  --sh-3: 0 18px 48px rgba(18, 22, 28, .18);

  /* --- Каркас --- */
  --sidebar-w: 252px;
  --topbar-h: 58px;
  --content-max: 1360px;

  --focus: 0 0 0 3px rgba(34, 128, 143, .28);
}