/* assets/css/variables.css */
:root {
    /* Colors - Chủ đạo: Chữ đen, nền trắng */
    --color-bg-primary: #ffffff;
    --color-text-main: #000000;
    --color-text-sub: #555555;
    
    /* Accents - Màu đỏ đô và xám thanh lịch */
    --color-accent-red: #a50000; /* Màu đỏ đô sang trọng */
    --color-accent-red-hover: #cc0000;
    --color-border: #eeeeee;
    --color-bg-sub: #fbfbfb;
    --color-dot-inactive: #cccccc;

    /* Typography */
    /* Sử dụng Google Font "Inter" hoặc font sans-serif mặc định */
    --font-family-main: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-size-base: 16px;
    --line-height-base: 1.6;

    /* Layout */
    --container-width: 1200px;
    --header-height: 100px;
}