:root {

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

--black:  #06101f;
--white:  #eef3f9;
--red:    #4db8e8;
--gray:   #7a9bb5;
--light:  #d0dfe9;
--border: rgba(77, 184, 232, 0.1);
--dark2:  #0a1828;

/* =========================
   TIPOGRAFÍAS
========================= */

--font-heading: 'Bebas Neue', sans-serif;
--font-body:    'DM Sans', sans-serif;

/* =========================
   ESCALA TIPOGRÁFICA
========================= */

--fs-hero:   clamp(72px, 12vw, 180px);
--fs-xxl:    clamp(60px, 10vw, 150px);
--fs-xl:     clamp(48px, 7vw, 100px);
--fs-lg:     clamp(48px, 6vw, 88px);
--fs-md:     20px;
--fs-sm:     15px;
--fs-base:   14px;
--fs-xs:     12px;
--fs-xxs:    11px;
--fs-label:  10px;
--fs-micro:   9px;

/* =========================
   SPACING SYSTEM
========================= */

--space-xs:   8px;
--space-sm:   12px;
--space-md:   20px;
--space-lg:   32px;
--space-xl:   40px;
--space-xxl:  60px;
--space-xxxl: 80px;
--space-section: 120px;

/* =========================
   RADIOS
========================= */

--radius-sm: 4px;
--radius-md: 8px;
--radius-lg: 50%;

}