/* ======================================================
   VARIABLES GLOBALES DEL SITIO
   Carnes Sanbosi
====================================================== */

:root{

/* ======================================================
   COLORES PRINCIPALES
====================================================== */

--color-primary:#7A0B12;
--color-primary-hover:#a3121b;

--color-gold:#D4AF37;

--color-white:#ffffff;
--color-black:#111111;

--color-background:#F7F3EE;

--color-border:#e5e5e5;


/* ======================================================
   TIPOGRAFÍA
====================================================== */

--font-main:Arial, Helvetica, sans-serif;

--font-size-xs:5px;
--font-size-sm:10px;
--font-size-md:14px;
--font-size-lg:18px;
--font-size-xl:24px;


/* ======================================================
   ESPACIADOS
====================================================== */

--space-xs:2px;
--space-sm:6px;
--space-md:12px;
--space-lg:20px;
--space-xl:40px;


/* ======================================================
   BORDES
====================================================== */

--radius-sm:10px;
--radius-md:18px;
--radius-lg:26px;
--radius-circle:999px;


/* ======================================================
   SOMBRAS
====================================================== */

--shadow-sm:0 8px 20px rgba(0,0,0,0.08);
--shadow-md:0 12px 25px rgba(0,0,0,0.10);
--shadow-lg:0 20px 45px rgba(0,0,0,0.15);


/* ======================================================
   TAMAÑOS CARDS
====================================================== */

--card-height-mobile:170px;
--card-height-desktop:320px;

--card-image-mobile:70px;
--card-image-desktop:200px;


/* ======================================================
   BOTONES
====================================================== */

--btn-padding-y:2px;
--btn-padding-x:5px;

--btn-radius:12px;


/* ======================================================
   FOOTER
====================================================== */

--footer-text:6px;
--footer-title:10px;


/* ======================================================
   TRANSICIONES
====================================================== */

--transition-fast:.2s ease;
--transition-normal:.35s ease;

}