@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
body { font-family: 'Inter', sans-serif; }
.brand-color { color: #991b1b; }
.bg-brand { background-color: #991b1b; }
.hover-brand:hover { background-color: #7f1d1d; }

/* 1. Mặc định: không có gạch chân */
.menu-link {
    border-bottom: 3px solid transparent; 
    transition: all 0.3s ease;
}

/* 2. Khi hover hoặc Active: gạch chân màu vàng */
.menu-link:hover, .active-menu {
    border-bottom: 3px solid #eab308 !important; /* Màu vàng */
}

/* 3. Class Active: Chỉ thay đổi màu chữ và độ đậm */
.active-menu {
    color: #ffffff !important; 
    font-weight: 800;
}