/* Import Fonts từ Google Fonts nếu chưa có trong Header */
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;700&family=Inter:wght@300;400;600&display=swap');

/* Định dạng Font chữ hệ thống */
body { 
    font-family: 'Inter', sans-serif; 
    line-height: 1.6;
    color: #333;
}

h1, h2, h3, h4, h5, h6 { 
    font-family: 'Be Vietnam Pro', sans-serif; 
    font-weight: 700;
}

/* Hiệu ứng thẻ kính mờ (Glassmorphism) */
.glass-card {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); /* Hỗ trợ trình duyệt Safari */
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 15px; /* Bo góc nhẹ cho đẹp */
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.07); /* Đổ bóng nhẹ */
}

/* Các tiện ích bổ sung cho Layout */
.bg-colored {
    background-color: #198754; /* Màu xanh thương hiệu mặc định */
}

.slow-sm {
    transition: all 0.3s ease-in-out;
}

.fullwidth {
    width: 100%;
}

.o-hidden {
    overflow: hidden;
}

/* Tùy chỉnh cho ảnh bằng nhau (Aspect Ratio) */
.img-utility {
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    object-position: center;
    display: block;
}