/* Tokens de marca de las páginas públicas (landing.html + apps.html). Fuente ÚNICA.
   Se sirve por el mount /assets del backend. La app (SPA) usa su propio sistema de tokens
   en src/styles/base/_tokens.scss.
   PALETA DE MARCA ESTRICTA (solo estos colores en marketing):
     blanco #FFFFFF · negro #000000 (solo texto normal) · navy #2C3E50 (títulos)
     azul #2980B9 · verde #16A085 · ámbar #F39C12 · rojo #E74C3D · gris #E6ECF0
   Los tokens "fuera de paleta" (purple/wine/coral/blue-light/ok) se conservan por compatibilidad
   pero REMAPEADOS a la paleta, para que la landing/apps obedezcan sin tocar su HTML. */
:root {
  /* Paleta de marca (única) */
  --blue: #2980b9;
  --green: #16a085;
  --amber: #f39c12;
  --red: #e74c3d;          /* rojo de marca / error */
  --navy: #2c3e50;         /* títulos */
  --white: #ffffff;
  --black: #000000;        /* texto normal */
  --gray: #e6ecf0;         /* fondos suaves / bordes */

  /* Neutros de texto */
  --bg: #ffffff;
  --ink: #000000;          /* texto normal en negro */
  --ink-soft: #5f5e5a;     /* texto secundario (neutro) */
  --ink-faint: #9a988f;    /* texto tenue (neutro) */

  /* Alias de compatibilidad → remapeados a la paleta (NO agregar colores nuevos) */
  --blue-light: #2980b9;   /* antes #2ba9e0 */
  --coral: #e74c3d;        /* rojo de marca */
  --purple: #2980b9;       /* fuera de paleta → azul */
  --wine: #e74c3d;         /* fuera de paleta → rojo */
  --ok: #16a085;           /* verde de marca */

  --radius: 12px;
  --shadow: 0 8px 30px rgba(41, 128, 185, 0.1);

  /* Fondos por página (dentro de la paleta: blanco / gris) */
  --bg-soft-landing: #ffffff;
  --bg-mute-landing: #e6ecf0;
  --bg-soft-apps: #e6ecf0;
  --bg-mute-apps: #e6ecf0;
}