/* Biến màu/thành phần mặc định; bị ghi đè bởi theme trong DB (theme-vars) */
:root {
    --primary-color: #dc5e4f;
    --primary-light: #ffeae8;
    --primary-dark: #b94a3d;
    --secondary-color: #e58179;
    --accent-color: #ff4e64;
    --light-color: #F9FAFB;
    --dark-color: #1E293B;
    --text-color: #334155;
    --text-muted: #64748B;
    --border-color: #E2E8F0;
    --success-color: #10B981;
    --warning-color: #F59E0B;
    --danger-color: #EF4444;
    --box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
    --card-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
    --transition: all 0.3s ease;
    --animation-duration: 0.5s;
    --header-height: 80px;
    --header-bg: #ffffff;
    --nav-text-color: #334155;
    --nav-active-color: var(--primary-color);
    --nav-hover-color: var(--primary-dark);
    
    /* Thêm các biến mới */
    --header-shadow: 0 2px 10px rgba(0,0,0,0.08);
    --input-bg: #f8fafc;
    --input-focus-shadow: 0 0 0 3px rgba(220, 94, 79, 0.15);
    --button-hover-transform: translateY(-2px);
    --icon-hover-scale: scale(1.1);
    --dropdown-shadow: 0 10px 15px rgba(0,0,0,0.1);
    --dropdown-animation-duration: 0.25s;
}