/* css/variables.css */
:root {
    --primary-color: #10B981; /* Зеленый (emerald-600) */
    --primary-hover-color: #059669; /* Темно-зеленый (emerald-700) */
    --text-dark: #1f2937; /* Темно-серый (gray-800) */
    --text-medium: #4b5563; /* Средне-серый (gray-600) */
    --text-light: #6b7280; /* Светло-серый (gray-500) */
    --background-light: #f9fafb; /* Очень светлый фон (gray-50) */
    --white: #ffffff;
    --border-color: #e5e7eb; /* Цвет границ (gray-200) */
    --danger-color: #ef4444; /* red-500 */
}