/*=========================================================
  MUNDOARTE
  VARIABLES CSS
=========================================================*/

:root{

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

--primary:#ff7a00;
--primary-light:#ff9d3f;
--primary-dark:#d95e00;

--secondary:#2f2f2f;
--dark:#1b1b1b;

--white:#ffffff;
--black:#000000;

--background:#f8f7f5;
--surface:#ffffff;
--surface-alt:#f2efe9;

--border:#e6e3de;

--success:#3bb273;
--danger:#e63946;
--warning:#f4a261;

/*=========================================================
  TEXTOS
=========================================================*/

--text:#2f2f2f;
--text-light:#6f6f6f;
--text-muted:#999999;

--title:#1f1f1f;

/*=========================================================
  GRADIENTES
=========================================================*/

--gradient-primary:
linear-gradient(
135deg,
#ff7a00 0%,
#ff9d3f 50%,
#ffbd73 100%
);

--gradient-dark:
linear-gradient(
180deg,
#1d1d1d,
#2d2d2d
);

--gradient-light:
linear-gradient(
180deg,
#ffffff,
#f8f7f5
);

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

--shadow-xs:
0 2px 6px rgba(0,0,0,.04);

--shadow-sm:
0 5px 18px rgba(0,0,0,.08);

--shadow-md:
0 10px 30px rgba(0,0,0,.12);

--shadow-lg:
0 20px 60px rgba(0,0,0,.18);

--shadow-xl:
0 40px 90px rgba(0,0,0,.22);

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

--radius-xs:8px;
--radius-sm:12px;
--radius-md:18px;
--radius-lg:26px;
--radius-xl:40px;
--radius-pill:999px;

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

--space-xxs:6px;
--space-xs:10px;
--space-sm:16px;
--space-md:24px;
--space-lg:40px;
--space-xl:60px;
--space-xxl:90px;
--space-section:120px;

/*=========================================================
  ANCHOS
=========================================================*/

--container:1400px;
--container-wide:1650px;
--container-small:1180px;

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

--font-title:'Cormorant Garamond',serif;
--font-subtitle:'Poppins',sans-serif;
--font-body:'Inter',sans-serif;

/*=========================================================
  PESOS
=========================================================*/

--thin:300;
--regular:400;
--medium:500;
--semibold:600;
--bold:700;
--black-weight:900;

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

--fs-hero:clamp(3.8rem,7vw,7rem);

--fs-h1:4rem;
--fs-h2:3rem;
--fs-h3:2.2rem;
--fs-h4:1.6rem;

--fs-body:1rem;
--fs-small:.92rem;

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

--transition-fast:.25s ease;

--transition:
all .45s cubic-bezier(.4,0,.2,1);

--transition-slow:
all .8s cubic-bezier(.19,1,.22,1);

/*=========================================================
  HEADER
=========================================================*/

--header-height:90px;
--header-scroll:74px;

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

--btn-height:58px;
--btn-radius:50px;

/*=========================================================
  Z INDEX
=========================================================*/

--z-header:999;
--z-menu:998;
--z-overlay:997;
--z-modal:9999;

}