/*
  Design tokens — extraídos de la página "System" del archivo de Figma
  (fileKey zSxoWEYEI7GMSDFkbf3gGv, node 1:19).

  Sustituciones de fuente (ver CONTEXTO-APRENDIZAJES.md / README):
  - "Myra 4F Caps" (H1/H2 en Figma) -> Fraunces (Google Fonts, libre, carácter
    de display similar). No existe licencia web para la fuente original.
  - "SF Pro Display" (H3-Small en Figma) -> Inter (Google Fonts, libre,
    geometría equivalente a SF Pro, sustitución estándar de la industria).
  - CTA (botones) usa Open Sans Bold, tal como está definido en el propio
    diseño — se autoaloja igual que en exitus-credit.
*/

:root {
  /* Color */
  --color-primario: #543784;
  --color-secundario: #f988bc;
  --color-gris-oscuro: #999999;
  --color-bg: #fff3f9;
  --color-blanco: #ffffff;
  --color-negro: #000000;

  /* Tipografía */
  --font-display: 'Myra 4F Caps', 'Fraunces', 'Georgia', serif;   /* Myra 4F Caps */
  --font-heading: 'Inter', 'Segoe UI', sans-serif; /* sustituye SF Pro Display */
  --font-body: 'Inter', 'Segoe UI', sans-serif;
  --font-cta: 'Open Sans', 'Segoe UI', sans-serif;

  --fs-h1: 48px;
  --fs-h2: 40px;
  --fs-h3: 40px;
  --fs-h4: 28px;
  --fs-h5: 20px;
  --fs-body: 14px;
  --fs-body-bold: 16px;
  --fs-body-lg: 20px;
  --fs-body-lg-bold: 20px;
  --fs-small: 10px;
  --fs-small-bold: 10px;

  --fw-regular: 400;
  --fw-bold: 700;
  --fw-heavy: 800;

  /* Figma exporta los textos con line-height auto, no con un valor fijo. */
  --lh-base: normal;

  /* Radios y componentes */
  --radius-cta: 24px;
  --cta-gap: 32px;
  --cta-padding-x: 64px;
  --cta-padding-y: 16px;

  /* "Sombra Morada" del System de Figma */
  --shadow-morada: 5px 5px 12px rgba(200, 188, 237, 0.6);

  /* Alturas fijas del diseño */
  --header-h: 160px;
}