/* ===== ПЕРЕМЕННЫЕ ЦВЕТОВ ===== */
:root {
  --color-bg-primary: #f9fafb;
  --color-bg-secondary: #ffffff;
  --color-bg-tertiary: #f1f4f6;
  
  --color-text-primary: #1f2937;
  --color-text-secondary: #4b5563;
  --color-text-muted: #6b7280;
  
  --color-accent: #2d5a3d;
  --color-accent-hover: #1e3a2f;
  --color-accent-light: #e9f0ec;
  
  --color-border: #d1d5db;
  --color-border-light: #e5e7eb;
  
  --color-header-bg: #ffffff;
  --color-nav-bg: #f3f4f6;
  --color-nav-text: #374151;
  --color-nav-hover: #2d5a3d;
  
  --color-card-bg: #ffffff;
  --color-overlay: rgba(0,0,0,0.5);
  
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.1);
}

[data-theme="dark"] {
  --color-bg-primary: #111827;
  --color-bg-secondary: #1f2937;
  --color-bg-tertiary: #374151;
  
  --color-text-primary: #f3f4f6;
  --color-text-secondary: #d1d5db;
  --color-text-muted: #9ca3af;
  
  --color-accent: #4ade80;
  --color-accent-hover: #22c55e;
  --color-accent-light: #1e3a2f;
  
  --color-border: #4b5563;
  --color-border-light: #374151;
  
  --color-header-bg: #1f2937;
  --color-nav-bg: #111827;
  --color-nav-text: #d1d5db;
  --color-nav-hover: #4ade80;
  
  --color-card-bg: #1f2937;
  --color-overlay: rgba(0,0,0,0.7);
  
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.4);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.5);
}