/* Бренд i'simple поверх tokens.css (стандарт knowledge/design): меняем только цвета.
   Зелёный #00ae4d — заливки (плашка, графики, точки статуса); для ТЕКСТА и кнопок на белом —
   затемнённый тон #007A37 (5,5:1), потому что #00ae4d на белом даёт 2,9:1. Палитра как в главном дашборде. */
:root,
:root[data-theme="light"] {
  --brand: #00ae4d;
  --brand-yellow: #f8d949;
  --brand-red: #d63c38;
  --plate: #00ae4d;
  --on-plate: #ffffff;

  --bg: #f6f7f6;
  --surface-1: #ffffff;
  --surface-2: #f1f3f2;
  --surface-3: #e8ebe9;
  --surface-overlay: rgb(16 19 18 / 0.44);

  --text-1: #16191a;
  --text-2: #434a47;
  --text-3: #5d6561;
  --text-on-accent: #ffffff;

  --border: #e4e7e5;
  --border-strong: #7e8783;

  --accent: #007a37;
  --accent-hover: #006a30;
  --accent-active: #005c29;
  --accent-soft: #e5f6ec;
  --accent-soft-text: #007a37;

  --success: #007a37;  --success-soft: #e5f6ec;
  --warning: #6b5800;  --warning-soft: #fdf5d2;
  --danger: #b32f2b;   --danger-soft: #fbe8e7;
  --danger-hover: #9a2824;

  --focus-ring: #007a37;
  --skeleton: #eceeed;
  --skeleton-shine: rgb(255 255 255 / 0.7);

  --chart-1: #00ae4d;
  --chart-muted: #cdd3d0;
  --chart-grid: #edefee;
  --chart-positive: #007a37;
  --chart-negative: #b32f2b;

  --shadow-card: 0 1px 2px rgb(22 25 26 / 0.04), 0 1px 3px rgb(22 25 26 / 0.05);
  --shadow-card-hover: 0 2px 4px rgb(22 25 26 / 0.05), 0 8px 20px rgb(22 25 26 / 0.07);
  --sidebar-bg: #fbfcfb;
}

:root[data-theme="dark"] {
  --bg: #131514;
  --surface-1: #1b1e1d;
  --surface-2: #232726;
  --surface-3: #2b302e;
  --surface-overlay: rgb(0 0 0 / 0.6);

  --text-1: #eceeed;
  --text-2: #c3c9c6;
  --text-3: #9aa29e;
  --text-on-accent: #0e1210;

  --border: #2c302e;
  --border-strong: #6d7571;

  --accent: #1fc265;
  --accent-hover: #3dd17c;
  --accent-active: #5bdb92;
  --accent-soft: #12291c;
  --accent-soft-text: #4fd48a;

  --success: #4fd48a;  --success-soft: #12291c;
  --warning: #f8d949;  --warning-soft: #2b2711;
  --danger: #f2837f;   --danger-soft: #321b1a;
  --danger-hover: #f69d99;

  --focus-ring: #4fd48a;
  --skeleton: #232726;
  --skeleton-shine: rgb(255 255 255 / 0.05);

  --chart-1: #00ae4d;
  --chart-muted: #3e4441;
  --chart-grid: #262a28;
  --chart-positive: #4fd48a;
  --chart-negative: #f2837f;

  --shadow-card: 0 0 0 1px rgb(255 255 255 / 0.03);
  --shadow-card-hover: 0 0 0 1px rgb(255 255 255 / 0.06);
  --sidebar-bg: #171a19;
}