/* ============================================
   VARIABLES CSS - SyG TACTICAL BRAND
   ============================================ */
:root {
    /* Brand Colors */
    --primary-color: #8C3A3A;      /* Hit Red - Acción y ofertas */
    --secondary-color: #1A1A1A;     /* Ops Black - Principal */
    --accent-color: #4B5320;        /* Army Olive - Camuflaje */
    --dark-bg: #121212;
    --light-bg: #D1D5DB;            /* Steel Grey */
    --text-dark: #1A1A1A;
    --text-light: #ffffff;
    --text-gray: #6c757d;
    --border-color: #333333;
    --success-color: #4B5320;
    --danger-color: #8C3A3A;
    --warning-color: #4B5320;
    
    /* Typography */
    --font-primary: 'Chakra Petch', 'Rajdhani', sans-serif;
    --font-secondary: 'Inter', 'Roboto', sans-serif;
    
    /* Effects */
    --transition: all 0.3s ease;
    --shadow-sm: 0 2px 4px rgba(0,0,0,0.1);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.15);
    --shadow-lg: 0 10px 30px rgba(0,0,0,0.2);
    --shadow-glow: 0 0 50px rgba(75, 83, 32, 0.3);
}