/* ============================================================
   Distribuidora Ejemplo — IDENTIDAD DEL PROYECTO
   ------------------------------------------------------------
   Este archivo es TUYO. Aca se decide como se ve la web.
   La infraestructura (nucleo/) no se toca.

   Cambiar tipografia, paleta, escala, ritmo, composicion, motion
   o lo que haga falta se hace ACA. Dos webs de la fabrica no
   tienen por que parecerse en nada.
   ============================================================ */

:root {
  --fx-primario: #7c3aed;
  --fx-acento: #22c55e;
  --fx-fondo: #ffffff;
  --fx-superficie: #f5f6f8;
  --fx-texto: #16191d;
  --fx-texto-suave: #5a6270;
  --fx-borde: #e3e6ea;
  --fx-fuente: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fx-fuente-titulos: var(--fx-fuente);
  --fx-radio: 12px;
}

/* ------------------------------------------------------------
   ZONA LIBRE — de aca para abajo, diseno del proyecto.
   Redefini lo que quieras: layout, grillas, tipografia fluida,
   fondos, animaciones, composiciones asimetricas, lo que pida
   el cliente. Si algo se rompe, lo dice el auditor.
   ------------------------------------------------------------ */