:root {
    --primary-color: #DC2626;
    --secondary-color: #000000;
    --accent-color: #F59E0B;
    --text-color: #111827;
    --text-secondary: #4B5563;
    --light-color: #F5F5F5;
    --white-color: #FFFFFF;
    --border-color: #9CA3AF;
    --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    --border-radius: 8px;
    --border-radius-lg: 12px;
    --transition: all 0.3s ease;
}

/* Hover states dinamici per primary */
.btn-primary:hover {
    background-color: #b01e1e;
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
}

/* Hover states dinamici per secondary */
.btn-secondary:hover {
    background-color: #000000;
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
}