/*
 * variables.css — Tema: Distribuidora J.E. (Vinos)
 * Paleta inspirada en borgoña, marfil y oro.
 * Solo sobreescribe las variables del tema base.
 */
:root {
    /* ── Colores principales ──────────────────────────────────────────── */
    --color-primary:        #3D0C11;   /* Borgoña profundo */
    --color-primary-hover:  #2A080C;   /* Borgoña oscuro */
    --color-bar-bg:         #581325;   /* Borra de vino — barras de nav y beneficios */
    --color-accent:         #C9A96E;   /* Oro envejecido */
    --color-accent-hover:   #B8935A;   /* Oro oscuro */
    --color-bg:             #FDFAF6;   /* Marfil / crema */
    --color-bg-alt:         #F5EFE6;   /* Crema suave */
    --color-text:           #1C0A0D;   /* Casi negro borgoña */
    --color-text-muted:     #7D6B70;   /* Gris rosáceo */
    --color-border:         #E5D9CE;   /* Beige / arena */
    --color-success:        #2E7D32;
    --color-warning:        #F9A825;
    --color-danger:         #C62828;

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

    /* ── Formas ───────────────────────────────────────────────────────── */
    --border-radius:        0.375rem;
    --border-radius-sm:     0.2rem;
    --border-radius-lg:     0.75rem;
    --btn-border-radius:    0.25rem;

    /* ── Sombras con tono borgoña ─────────────────────────────────────── */
    --shadow-sm:            0 1px 4px rgba(61,12,17,.08);
    --shadow-md:            0 4px 14px rgba(61,12,17,.14);
    --shadow-lg:            0 8px 28px rgba(61,12,17,.18);

    /* ── Layout ───────────────────────────────────────────────────────── */
    --header-height:        196px;
    --benefits-bar-height:  38px;
    --container-max:        1280px;
    --sidebar-width:        260px;

    /* ── Tarjeta de producto — ratio vertical para botellas ───────────── */
    --card-img-ratio:       3 / 4;
    --card-hover-scale:     1.015;
}