/**
 * marca.css — Identidad visual de LexPlans (colores + tipografía).
 *
 * FUENTE ÚNICA de los tokens visuales de la web pública (landing, velo "Próximamente"…).
 * Los valores salen del manual de marca (LEXPLANEITOR-LOGO WEB): verde #7fd955, azul #243072,
 * hueso #f5f7fb, negro #1d1d1b, tipografía Geist. Los logotipos están en /assets/marca/.
 *
 * Cambiar un color aquí = cambiarlo en toda la web pública.
 */

/* Geist variable: un solo fichero cubre los pesos 100–900 (evita 9 descargas). */
@font-face {
  font-family: 'Geist';
  src: url('/assets/fuentes/geist/Geist-VariableFont_wght.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geist';
  src: url('/assets/fuentes/geist/Geist-Italic-VariableFont_wght.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

:root {
  /* --- Colores de marca (tal cual el manual) --- */
  --lp-azul:   #243072;   /* primario  */
  --lp-verde:  #7fd955;   /* acento    */
  --lp-hueso:  #f5f7fb;   /* fondo     */
  --lp-negro:  #1d1d1b;   /* texto     */

  /* --- Derivados (mismo tono, distinta luminosidad) --- */
  --lp-azul-900: #1a2455;  /* hover sobre azul, degradado profundo */
  --lp-azul-700: #333f8c;  /* degradado claro del hero             */
  --lp-azul-100: #e7eaf6;  /* fondos y píldoras suaves             */
  --lp-verde-600: #6ac53f; /* hover del botón verde                */
  --lp-verde-900: #3c7a1d; /* verde legible sobre blanco (AA 5.3:1);
                              el #7fd955 sobre blanco NO tiene contraste */
  --lp-verde-100: #edfae4; /* fondo suave del acento               */
  --lp-linea:   #e3e7f2;   /* bordes                               */
  --lp-gris:    #5b6478;   /* texto secundario                     */

  /* --- Tipografía --- */
  --lp-fuente: 'Geist', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
}