/* ============================================================
   DataSvod - общие дизайн-токены (единый источник правды)
   Меняешь цвет/радиус/тень здесь - меняется на всех страницах,
   которые подключают этот файл. Страницы со своим оформлением
   (лендинг, why, дашборд, качество и т.п.) переопределяют нужные
   токены в своём локальном <style> уже после подключения app.css.
   ============================================================ */

:root, [data-theme="light"] {
  --bg: #F5F7F6;
  --surface: #FFFFFF;
  --surface2: #F0F3F1;
  --bg-soft: rgba(17,24,39,0.05);
  --border: #E3E8E5;
  --text: #111827;
  --text-secondary: #4B5563;
  --text-muted: #94A3B8;
  --green-50: #ECFDF5;
  --green-200: #A7F3D0;
  --green-400: #34D399;
  --green-500: #10B981;
  --green-600: #059669;
  --green-800: #065F46;
  --accent: #059669;
  --growth: #059669;
  --decline: #DC2626;
  --neutral-dynamic: #64748B;
  --attention: #B45309;
  --chart-1: #10B981;
  --chart-2: #0EA5E9;
  --chart-3: #6366F1;
  --chart-4: #F59E0B;
  --chart-5: #EC4899;
  --chart-6: #14B8A6;
  --chart-7: #8B5CF6;
  --chart-8: #64748B;
  --gradient-hero: linear-gradient(135deg, #10B981, #059669);
  --gradient-bar: linear-gradient(180deg, #34D399, #10B981);
  --shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --shadow-lg: 0 4px 12px rgba(0,0,0,0.08);
  --radius: 12px;
}

[data-theme="dark"] {
  --bg: #0C1311;
  --surface: #15201B;
  --surface2: #1B271F;
  --bg-soft: rgba(255,255,255,0.06);
  --border: #243029;
  --text: #E8EFEA;
  --text-secondary: #9DA9A1;
  --text-muted: #6B776F;
  --accent: #34D399;
  --growth: #34D399;
  --decline: #F87171;
  --neutral-dynamic: #94A3B8;
  --attention: #FBBF24;
  --shadow: 0 1px 3px rgba(0,0,0,0.3);
  --shadow-lg: 0 4px 12px rgba(0,0,0,0.4);
}