/* variables.css — tokens de diseño compartidos (colores, tipografía, espacios) */

:root {
  /* Paleta base — puede sobreescribirse por proyecto */
  --color-fondo: #faf7f2;
  --color-superficie: #ffffff;
  --color-texto: #2a2a33;
  --color-texto-suave: #5c5c6b;
  --color-primario: #5b4b8a;     /* violeta sobrio (psicología + astrología) */
  --color-primario-claro: #8a78c2;
  --color-acento: #c9a14a;        /* dorado tenue */
  --color-borde: #e6e1d8;

  /* Tipografía */
  --fuente-titulos: "Georgia", "Times New Roman", serif;
  --fuente-texto: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* Escala de espaciado */
  --espacio-xs: 0.5rem;
  --espacio-sm: 1rem;
  --espacio-md: 2rem;
  --espacio-lg: 4rem;
  --espacio-xl: 6rem;

  /* Otros */
  --ancho-contenedor: 1100px;
  --radio: 12px;
  --sombra: 0 8px 30px rgba(40, 30, 70, 0.08);
  --transicion: 200ms ease;
}