/*
 * variables.css — Tema base del core.
 * Las verticales sobreescriben SOLO este archivo en su propio themes/{vertical}/variables.css.
 * Nunca modificar este archivo desde un branch de vertical.
 */
:root {
    /* Colores */
    --color-primary:        #1a1a2e;
    --color-primary-hover:  #16213e;
    --color-accent:         #e94560;
    --color-accent-hover:   #c73652;
    --color-bg:             #ffffff;
    --color-bg-alt:         #f8f9fa;
    --color-text:           #212529;
    --color-text-muted:     #6c757d;
    --color-border:         #dee2e6;
    --color-success:        #198754;
    --color-warning:        #ffc107;
    --color-danger:         #dc3545;

    /* Tipografía */
    --font-heading:         'Inter', system-ui, sans-serif;
    --font-body:            'Inter', system-ui, sans-serif;
    --font-size-base:       1rem;

    /* Formas */
    --border-radius:        0.5rem;
    --border-radius-sm:     0.25rem;
    --border-radius-lg:     1rem;
    --btn-border-radius:    0.375rem;

    /* Sombras */
    --shadow-sm:            0 1px 3px rgba(0,0,0,.08);
    --shadow-md:            0 4px 12px rgba(0,0,0,.12);
    --shadow-lg:            0 8px 24px rgba(0,0,0,.16);

    /* Espaciado del layout */
    --header-height:        64px;
    --benefits-bar-height:  40px;
    --container-max:        1280px;
    --sidebar-width:        260px;

    /* Cartas de producto */
    --card-img-ratio:       4 / 3;
    --card-hover-scale:     1.02;
}