/**
 * variables.css
 * Design tokens del tema adultshop-premium: colores, tipografía,
 * espaciados y timings de animación. El resto de los módulos CSS
 * (base, header, menu, product...) consumen estas variables en vez
 * de repetir valores sueltos, para que un cambio de marca se haga
 * en un único sitio.
 */
:root {
    /* Colores */
    --color-primary: #2C3E50;
    --color-secondary: #F39C12;
    --color-price: #E67E22;
    --color-background: #FFFFFF;
    --color-text: #444444;
    --color-footer-bg: #1E272E;
    --color-footer-text: #BDC3C7;
    --color-white: #FFFFFF;
    --color-border: #F0F0F0;

    /* Tipografía (Google Fonts: Poppins + Montserrat para el menú) */
    --font-family-base: 'Poppins', 'Helvetica Neue', Arial, sans-serif;
    --font-family-menu: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    /* Radios y sombras */
    --radius-base: 12px;
    --radius-pill: 25px;
    --shadow-soft: 0 5px 15px rgba(0, 0, 0, 0.05);
    --shadow-hover: 0 10px 30px rgba(0, 0, 0, 0.1);

    /* Animaciones */
    --transition-fast: 0.25s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.35s ease;

    /* Layout */
    --header-logo-height: 190px;
    --container-max-width: 1320px;
}