/* ==========================================================================
   GPE Network — Design tokens
   Paleta "Institucional Limpia" (definida en los lineamientos de Carolina)
   Cambia SOLO este archivo para reajustar toda la identidad del sitio.
   ========================================================================== */

:root {
  /* --- Color: base ------------------------------------------------------ */
  --gpe-snow:        #FBFBF9;  /* Blanco nieve — fondo general              */
  --gpe-paper:       #FFFFFF;  /* Blanco puro — tarjetas y superficies      */
  --gpe-carbon:      #1D1F21;  /* Gris carbón — titulares y texto principal */
  --gpe-carbon-soft: #4A4F55;  /* Gris carbón suave — párrafos              */
  --gpe-muted:       #7C838B;  /* Gris medio — metadatos, pies de foto      */
  --gpe-line:        #E6E4DE;  /* Líneas y bordes                           */
  --gpe-line-soft:   #F0EFEA;  /* Separadores muy tenues                    */

  /* --- Color: acentos institucionales ----------------------------------- */
  /* Vinotinto — Universidad del Rosario */
  --gpe-wine:        #7A1B2E;
  --gpe-wine-dark:   #5C1223;
  --gpe-wine-tint:   #F6EDEF;
  /* Verde esmeralda — Universidad Externado */
  --gpe-emerald:     #0E7C58;
  --gpe-emerald-dark:#0A5C41;
  --gpe-emerald-tint:#EAF4F0;

  /* --- Color: roles semánticos ------------------------------------------ */
  --gpe-bg:          var(--gpe-snow);
  --gpe-surface:     var(--gpe-paper);
  --gpe-text:        var(--gpe-carbon);
  --gpe-text-2:      var(--gpe-carbon-soft);
  --gpe-accent:      var(--gpe-wine);
  --gpe-accent-2:    var(--gpe-emerald);
  --gpe-focus:       #1D4ED8;  /* solo para el anillo de foco accesible     */

  /* --- Tipografía ------------------------------------------------------- */
  --gpe-font-serif: "Source Serif 4", "Source Serif Pro", Georgia, "Times New Roman", serif;
  --gpe-font-sans:  "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --gpe-font-mono:  ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  /* Escala fluida (clamp: mínimo móvil — ideal — máximo escritorio) */
  --gpe-fs-xs:   0.75rem;                                  /* 12px          */
  --gpe-fs-sm:   0.8125rem;                                /* 13px          */
  --gpe-fs-base: 1rem;                                     /* 16px          */
  --gpe-fs-md:   clamp(1.0625rem, 0.35vw + 0.98rem, 1.1875rem);
  --gpe-fs-lg:   clamp(1.25rem,  0.6vw + 1.1rem,   1.5rem);
  --gpe-fs-xl:   clamp(1.5rem,   1.1vw + 1.25rem,  2rem);
  --gpe-fs-2xl:  clamp(1.875rem, 2vw + 1.35rem,    2.75rem);
  --gpe-fs-3xl:  clamp(2.375rem, 4vw + 1.4rem,     4.25rem);

  --gpe-lh-tight: 1.12;
  --gpe-lh-snug:  1.32;
  --gpe-lh-body:  1.68;

  --gpe-track-tight: -0.022em;
  --gpe-track-wide:  0.14em;

  /* --- Espaciado (escala de 4px) ---------------------------------------- */
  --gpe-s1: 0.25rem;  --gpe-s2: 0.5rem;   --gpe-s3: 0.75rem;  --gpe-s4: 1rem;
  --gpe-s5: 1.5rem;   --gpe-s6: 2rem;     --gpe-s7: 3rem;     --gpe-s8: 4rem;
  --gpe-s9: 6rem;     --gpe-s10: 8rem;

  /* Ritmo vertical de las secciones */
  --gpe-section-y: clamp(3.5rem, 7vw, 7.5rem);

  /* --- Layout ----------------------------------------------------------- */
  --gpe-maxw:        1240px;  /* contenedor ancho     */
  --gpe-maxw-text:   68ch;    /* medida de lectura    */
  --gpe-gutter:      clamp(1.25rem, 4vw, 3rem);

  /* --- Formas y sombras -------------------------------------------------- */
  --gpe-radius-sm: 4px;
  --gpe-radius:    8px;
  --gpe-radius-lg: 14px;

  --gpe-shadow-sm: 0 1px 2px rgba(29, 31, 33, 0.05);
  --gpe-shadow:    0 2px 6px rgba(29, 31, 33, 0.06), 0 10px 24px -12px rgba(29, 31, 33, 0.14);
  --gpe-shadow-lg: 0 4px 12px rgba(29, 31, 33, 0.07), 0 24px 56px -20px rgba(29, 31, 33, 0.22);

  /* --- Movimiento -------------------------------------------------------- */
  --gpe-ease:     cubic-bezier(0.22, 0.61, 0.36, 1);
  --gpe-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --gpe-dur-fast: 160ms;
  --gpe-dur:      280ms;
  --gpe-dur-slow: 620ms;

  /* --- Capas -------------------------------------------------------------- */
  --gpe-z-hero-canvas: 0;
  --gpe-z-content:     1;
  --gpe-z-header:      50;
  --gpe-z-menu:        60;
  --gpe-z-skip:        100;
}

/* Nadie pidió modo oscuro, pero si algún día se activa, se cambia aquí.
   Se deja desactivado a propósito para no alterar la paleta institucional. */