/* Custom Styles for BSVuong Website */

/* Universal box-sizing for consistent sizing */
* {
    box-sizing: border-box;
}

/* Custom font import for Inter */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
    background-color: #F8F8F8; /* Light gray background */
    color: #333;
    line-height: 1.6; /* Improved readability */
}

/* Custom colors based on new branding */
.primary-darkblue {
    background-color: #020244; /* Dark blue */
}

.text-primary-darkblue {
    color: #020244;
}

.accent-orange {
    background-color: #FF7C33; /* Orange-yellow */
}

.text-accent-orange {
    color: #FF7C33;
}

.hover-accent-orange:hover {
    background-color: #E66C23; /* Slightly darker orange for hover */
}

.border-accent-orange {
    border-color: #FF7C33;
}

/* General light gray */
.light-gray {
    background-color: #E0E0E0;
}

/* Smooth scroll for anchor links */
html {
    scroll-behavior: smooth;
}

/* Custom aspect ratio for 9x16 (portrait) videos */
.aspect-w-9-h-16 {
    position: relative;
    width: 100%;
    padding-top: 177.77%; /* 16 / 9 * 100 */
}

.aspect-w-9-h-16 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Enhanced shadow effects */
.shadow-custom {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.shadow-hover:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.15), 0 10px 10px -5px rgba(0, 0, 0, 0.08);
}