:root {

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

--color-primary: #5E2E88;
--color-primary-alt1:#2C1635;
--color-primary-alt2:#66327A;
--color-primary-alt3:#7F3F98;
--color-primary-alt4:#cdbeda;
--color-text: #1F221B;
--color-menu-text: #F2F2F2;
--color-bg-light: #E7E0ED;
--color-white: #FFF;
--color-hover: #FF5C72;
/* Hover temporal */


/* =========================
 COLORES DE CARDS / ACCORDION
========================= */

--color-card-1: #F26522;
--color-card-2: #DCBF0F;
--color-card-3: #9BC438;
--color-card-4: #7F3F98;
--color-card-5: #274F9E;
--color-card-6: #158F38;
--color-card-7: #F6344F;
--color-card-8: #009999;

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

--font-heading: 'Londrina Solid', sans-serif;
--font-body: 'Roboto Condensed', sans-serif;

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

--fs-xxl: 3.813rem; /* 61px */
--fs-xl: 3.063rem;  /* 49px */
--fs-lg: 2.438rem;  /* 39px */
--fs-md: 1.563rem;  /* 25px */
--fs-sm: 1.250rem;  /* 20px */
--fs-base: 1rem;    /* 16px */
--fs-xs: 0.813rem;  /* 13px */
--fs-xxs: 0.625rem; /* 10px */

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

--space-xxs: 0.25rem;  /* 4px */
--space-xs: 0.5rem;    /* 8px */
--space-sm: 0.75rem;   /* 12px */
--space-md: 1rem;      /* 16px */
--space-lg: 1.5rem;    /* 24px */
--space-xl: 2rem;      /* 32px */
--space-xxl: 3rem;     /* 48px */
--space-xxxl: 4rem;    /* 64px */

/* =========================
   RADIOS PARA ESQUINAS Y BORDES
========================= */

--radius-sm: 8px;   /* botones */
--radius-md: 12px;  /* cards / cajas */
--radius-lg: 16px;  /* títulos destacados */

}