:root {
    /* Palette lấy cảm hứng từ logo: đỏ chữ + vàng mustard nền */
    --eatoria-primary: #c92828;
    --eatoria-primary-dark: #9e1f1f;
    --eatoria-primary-light: #e04a4a;
    --eatoria-primary-rgb: 201, 40, 40;

    --eatoria-secondary: #e5b318;
    --eatoria-secondary-dark: #c99710;
    --eatoria-secondary-light: #f5d565;
    --eatoria-secondary-rgb: 229, 179, 24;

    --eatoria-bg: #f7efe1;
    --eatoria-bg-alt: #f1e4cc;
    --eatoria-surface: #fffaf0;

    --eatoria-text: #2d2a26;
    --eatoria-text-muted: #6b6560;

    --eatoria-radius: 0.75rem;

    /* Gradient hero — chuyển mượt, không cần khớp nền PNG (SVG trong suốt) */
    --eatoria-mascot-bg: #f7e19c;
    --eatoria-gradient-hero: linear-gradient(
            115deg,
            #c92828 0%,
            #cc3d28 20%,
            #d45a2a 40%,
            #da8a1f 60%,
            #e5b318 80%,
            #efd06a 100%
    );
    --eatoria-gradient-auth: linear-gradient(135deg, var(--eatoria-primary-dark) 0%, var(--eatoria-primary) 45%, var(--eatoria-secondary-dark) 100%);

    /* Đồng bộ một phần Bootstrap với thương hiệu */
    --bs-primary: var(--eatoria-primary);
    --bs-primary-rgb: var(--eatoria-primary-rgb);
    --bs-danger: var(--eatoria-primary);
    --bs-danger-rgb: var(--eatoria-primary-rgb);
    --bs-warning: var(--eatoria-secondary);
    --bs-warning-rgb: var(--eatoria-secondary-rgb);
    --bs-body-bg: var(--eatoria-bg);
    --bs-body-color: var(--eatoria-text);
    --bs-link-color: var(--eatoria-primary);
    --bs-link-hover-color: var(--eatoria-primary-dark);
}