:root {
    /* Color Palette */
    --primary-color: #004b91;
    --primary-hover: #003668;
    --secondary-color: #1e73be;
    --text-color: #333333;
    --text-muted: #666666;
    --text-light: #999999;
    --bg-light: #f7f9fc;
    --bg-white: #ffffff;
    --border-color: #e5e8eb;
    --border-color-light: #f0f2f5;
    
    /* Semantic Colors */
    --accent-blue: #0056b3;
    --rating-star: #ffb600;
    --price-color: #004b91;
    
    /* Layout & Spacing */
    --container-width: 1240px;
    --border-radius-sm: 4px;
    --border-radius-md: 8px;
    --border-radius-lg: 12px;
    --border-radius-pill: 9999px;
    
    /* Shadows */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
    --shadow-hover: 0 12px 30px rgba(0, 75, 145, 0.15);
    
    /* Fonts */
    --font-primary: 'Be Vietnam Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    
    /* Transitions */
    --transition-fast: all 0.2s ease;
    --transition-normal: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

body {
    font-family: var(--font-primary);
    color: var(--text-color);
    background-color: var(--bg-light);
    -webkit-font-smoothing: antialiased;
}

/* Base Container Alignment - Căn giữa nội dung, không bị sát lề */
.header-container,
.category-container,
.homepage-main-layout,
.footer-features-container {
    max-width: var(--container-width);
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}