/* =========================================================
   00-BASE.CSS
   Design tokens và quy tắc nền toàn website
   Shop Rượu Nhập Khẩu · Flatsome + WooCommerce

   Chỉ chỉnh:
   - Màu sắc
   - Container
   - Spacing
   - Border radius
   - Shadow
   - Transition
   - Z-index
   Không đặt CSS riêng của Header, Shop hoặc Product tại đây.
   ========================================================= */

:root {
    /* Brand colors */
    --srnk-color-primary: #7b1128;
    --srnk-color-primary-dark: #570b1c;
    --srnk-color-secondary: #c9a34e;
    --srnk-color-secondary-dark: #a78332;

    /* Neutral colors */
    --srnk-color-heading: #2b1a1e;
    --srnk-color-text: #333333;
    --srnk-color-muted: #6b7280;
    --srnk-color-border: #e5e7eb;
    --srnk-color-surface: #ffffff;
    --srnk-color-surface-soft: #f8f8f8;

    /* Container */
    --srnk-container-width: 1230px;
    --srnk-container-padding: 15px;

    /* Spacing scale */
    --srnk-space-1: 4px;
    --srnk-space-2: 8px;
    --srnk-space-3: 12px;
    --srnk-space-4: 16px;
    --srnk-space-5: 20px;
    --srnk-space-6: 24px;
    --srnk-space-7: 32px;
    --srnk-space-8: 40px;
    --srnk-space-9: 48px;
    --srnk-space-10: 64px;

    /* Radius */
    --srnk-radius-sm: 4px;
    --srnk-radius-md: 8px;
    --srnk-radius-lg: 12px;
    --srnk-radius-pill: 999px;

    /* Shadow */
    --srnk-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
    --srnk-shadow-md: 0 8px 24px rgba(0, 0, 0, 0.10);
    --srnk-shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.14);

    /* Motion */
    --srnk-transition-fast: 160ms ease;
    --srnk-transition-base: 280ms ease;

    /* Z-index */
    --srnk-z-dropdown: 50;
    --srnk-z-sticky: 100;
    --srnk-z-modal: 1000;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

img {
    max-width: 100%;
    height: auto;
}

.srnk-container {
    width: min(100% - 30px, var(--srnk-container-width));
    margin-inline: auto;
}

/* Quy tắc nền kế thừa từ bộ CSS cũ */
/* =========================================================
   BIẾN GIAO DIỆN, RESET VÀ QUY TẮC NỀN
   Shop Rượu Nhập Khẩu · Flatsome + WooCommerce
   Ghi chú: sửa đúng file theo khu vực để tránh trùng CSS.
   ========================================================= */