@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  /* Светлая тема */
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #f3f4f6;
  --color-text-primary: #111827;
  --color-text-secondary: #4b5563;
  --color-border: #e5e7eb;
  --color-input-bg: #ffffff;
  --color-input-border: #d1d5db;
  --color-button-primary: #3b82f6;
  --color-button-hover: #2563eb;
  --color-card-bg: #ffffff;
  --color-card-shadow: rgba(0, 0, 0, 0.1);
}

[data-theme="dark"] {
  /* Темная тема */
  --color-bg-primary: #111827;
  --color-bg-secondary: #1f2937;
  --color-text-primary: #f9fafb;
  --color-text-secondary: #9ca3af;
  --color-border: #374151;
  --color-input-bg: #1f2937;
  --color-input-border: #374151;
  --color-button-primary: #3b82f6;
  --color-button-hover: #60a5fa;
  --color-card-bg: #1f2937;
  --color-card-shadow: rgba(0, 0, 0, 0.3);
}

/* Плавный переход между темами */
* {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
} 