* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
:root {
    --primary-color: #b21117;
    --primary-dark: #8d0e13;
    --hero-gradient-end: #c82333;
    --secondary-color: #64748b;
    --success-color: #10b981;
    --danger-color: #ef4444;
    --warning-color: #f59e0b;
    --dark-color: #1e293b;
    --footer-bg: var(--dark-color);
    --footer-bg-hover: #334155;
    --nav-action-bg: var(--light-color);
    --nav-action-bg-hover: var(--background-color);
    --nav-action-border: var(--border-color);
    --nav-action-icon-color: var(--primary-color);
    --nav-cart-count-bg: #ffffff;
    --nav-cart-count-color: var(--primary-color);
    --light-color: #f8fafc;
    --border-color: #e2e8f0;
    --text-color: #334155;
    --text-light: #64748b;
    
    /* Z-Index Layers */
    --z-base: 1;
    --z-dropdown: 100;
    --z-sticky: 200;
    --z-header: 300;
    --z-overlay: 400;
    --z-modal: 500;
    --z-toast: 600;
    --z-tooltip: 700;
}