/*
 * Brand tokens — nguồn duy nhất cho màu, chữ, khoảng cách, bo góc.
 * Mỗi thương hiệu chỉ cần ghi đè các biến ở khối "Brand" bên dưới (hoặc nạp file này với giá trị khác).
 * Tên --postum-* giữ nguyên để tương thích style.css hiện có.
 */
:root {
    /* Brand */
    --postum-primary: #11589B;
    --postum-primary-dark: #0B4478;
    --postum-brand-navy: #033B6D;
    --postum-accent: #FF9A3C;
    --postum-accent-hover: #F58A22;
    --postum-on-accent: #FFFFFF;

    /* Neutral */
    --postum-bg-page: #FFFFFF;
    --postum-bg-alt: #F4F8FB;
    --postum-text: #0F172A;
    --postum-heading: #022F56;
    --postum-price: #E8650A;
    --postum-tint-blue: #EDF5FB;
    --postum-tint-cream: #FFF7EF;
    --postum-band: linear-gradient(115deg, #033B6D, #08689E);
    --postum-icon: #64748B;
    --postum-text-muted: #475569;
    --postum-border: #DCE5ED;
    --postum-success: #166534;
    --postum-danger: #B91C1C;

    /* Type */
    --postum-font: 'Be Vietnam Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --postum-font-display: 'Bricolage Grotesque', 'Be Vietnam Pro', -apple-system, "Segoe UI", sans-serif;
    --pt-text-sm: 0.875rem;
    --pt-text-base: 1rem;
    --pt-text-lg: 1.125rem;
    --pt-h1: clamp(1.75rem, 1.25rem + 1.9vw, 2.375rem);
    --pt-h2: clamp(1.375rem, 1.15rem + 0.9vw, 1.75rem);
    --pt-h3: 1.125rem;

    /* Space (4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 80) */
    --pt-s1: 4px;
    --pt-s2: 8px;
    --pt-s3: 12px;
    --pt-s4: 16px;
    --pt-s5: 24px;
    --pt-s6: 32px;
    --pt-s7: 48px;
    --pt-s8: 64px;
    --pt-s9: 80px;

    /* Shape & elevation */
    --postum-radius-btn: 10px;
    --postum-radius-card: 16px;
    --postum-radius-gallery: 20px;
    --postum-shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.04);
    --postum-shadow-md: 0 4px 16px rgba(15, 23, 42, 0.08);
    --postum-shadow-lg: 0 10px 30px rgba(15, 23, 42, 0.12);

    /* Layout */
    --pt-container: 1344px;
    --pt-gutter: clamp(16px, 3vw, 32px);
    --pt-offset: 0px; /* chiều cao header dính, JS cập nhật */

    --pt-focus: 0 0 0 3px #fff, 0 0 0 5px var(--postum-primary);
}