/* Токены дизайн-системы (Finnova → платформа обращений). Значения из tokens.json, светлая тема. */
:root {
  --surface-canvas: #f4f3fb;
  --surface-card: #ffffff;
  --surface-sunken: #f7f7fd;
  --surface-inverse: #14161f;
  --border-subtle: #eceaf4;
  --border-strong: #8a85a3;

  --ink-900: #14161f;
  --ink-600: #4f5468;
  --ink-400: #6b7089;
  --ink-on-inverse: #ffffff;
  --ink-on-inverse-muted: #a3a9c0;

  --brand-700: #4433c4;
  --brand-600: #5741e6;
  --brand-500: #6a5af9;
  --brand-300: #b9b1fb;
  --brand-100: #eceaff;
  --on-brand-soft: #4433c4;

  --success-600: #08793a;
  --success-500: #22c55e;
  --success-100: #e3f8ec;
  --danger-600: #c62a1e;
  --danger-500: #f04438;
  --danger-100: #fdecea;
  --warning-600: #9a5b06;
  --warning-100: #fef3e2;

  --focus-ring: #6a5af9;
  --chart-bar: #6a5af9;
  --chart-bar-muted: #c9c3fb;

  /* Plus Jakarta Sans из дизайн-системы не содержит кириллицы — используем Manrope (тот же геометрический гротеск). */
  --font-sans: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-numeric: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 22px;
  --radius-2xl: 28px;
  --radius-full: 999px;

  --shadow-card: 0 1px 2px rgba(20, 22, 31, 0.04), 0 8px 24px rgba(20, 22, 31, 0.06);
  --shadow-popover: 0 12px 32px rgba(20, 22, 31, 0.14);
  --shadow-brand: 0 6px 18px rgba(106, 90, 249, 0.35);

  --opacity-disabled: 0.45;
  --opacity-overlay: 0.6;
}