:root {
  --color-primary: #00d4ff;            /* Cian / Azul neón */
    --color-primary-dark: #0099cc;
    --color-primary-light: #b3ecff;
    --color-primary-darkest: #00334d;

    --color-secondary: #ffd700;            /* Amarillo oro puro */
    --color-secondary-dark: #ccad00;       /* Amarillo oscuro */
    --color-secondary-light: #fff3b0;      /* Amarillo muy claro */
    --color-secondary-darkest: #4d4200;    /* Casi negro con tinte amarillo */
    --color-secondary-rgb: 255, 215, 0;

    --color-tertiary: #e61a23;             /* Rojo clásico de la M */
    --color-tertiary-dark: #b30f16;        /* Rojo oscuro */
    --color-tertiary-light: #ffccd0;       /* Rojo claro */
    --color-tertiary-darkest: #4a0508;     /* Rojo casi negro */
    --color-tertiary-rgb: 230, 26, 35;
    
    --bg-primary: #111929;
    --bg-secondary: #14161b;
    --bg-tertiary: #1d2027;
    --bg-card: #181b22;
    
    --text-primary: #eef2f7;
    --text-secondary: #c8d0dc;
    --text-muted: #7f8a9e;

    /* Colores de acento */
    --accent-whatsapp: #25d366;
    --accent-success: #2e7d32;
    
    /* Fuentes */
    --font-primary: 'Hanken Grotesk', 'Segoe UI', sans-serif;
    --font-heading: 'Montserrat', sans-serif;
    --font-mono: 'JetBrains Mono', monospace;
    
    /* Bordes (Cambiados de marrón a grises/blancos sutiles) */
    --border-color: rgba(255, 255, 255, 0.15);
    --border-color-light: rgba(255, 255, 255, 0.08);
    --border-color-lighter: rgba(255, 255, 255, 0.04);
    
    /* Sombras (Actualizadas al nuevo rojo y negro) */
    --shadow-card: 0 8px 30px rgba(0, 0, 0, 0.7);
    --shadow-hover: 0 8px 25px rgba(230, 26, 35, 0.2); /* Brillo sutil con el nuevo rojo */
    --shadow-fab: 0 8px 30px rgba(37, 211, 102, 0.4);
    
    /* Spacing (breakpoints) */
    --container-max: 1280px;
    
    /* Border radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-full: 50%;
    
    /* Transiciones */
    --transition-default: 0.3s ease;
    --transition-slow: 0.7s ease;
    --transition-slower: 10s ease;
    
    /* Z-index */
    --z-fab: 40;
    --z-header: 50;
    --z-modal: 2000;

    /* Scrollbar */
    --scrollbar-width: 5px;
    --scrollbar-track: #0b0c0d;
    --scrollbar-thumb: #e61a23;        /* El scrollbar ahora hace juego con el rojo principal */
    --scrollbar-radius: 10px;
    
    /* Badges */
    --badge-nuevo-bg: #e61a23;
    --badge-nuevo-text: #ffffff;       /* Texto blanco sobre el badge rojo para máxima legibilidad */
    --badge-disponible-bg: #2e7d32;
    --badge-disponible-text: white;
}