/* tokens.css — Wayuunaiki Online (sitio oficial)
   Variables de marca. Coherentes con lib/theme.ts de la app, pero en una
   expresión más vibrante/editorial para un sitio público (no oscuro por
   defecto como la app). */

:root {
  /* Marca — mismos valores oficiales que la app */
  --verde-marca: #3B6D11;
  --verde-claro: #639922;
  --naranja: #D85A30;
  --naranja-claro: #F0997B;
  --dorado: #CCA830;

  /* Expresión web: más saturada, para gradientes de fondo grandes */
  --verde-vivo: #4C8A16;
  --verde-vivo-2: #7AB82E;
  --verde-oscuro: #16240D;

  /* Texto */
  --crema: #F5F0E8;
  --tinta: #16240D;
  --tinta-suave: rgba(22, 36, 13, 0.72);
  --crema-suave: rgba(245, 240, 232, 0.78);

  /* Superficies */
  --papel: #FBF8F1;
  --tarjeta: rgba(255, 255, 255, 0.1);
  --tarjeta-borde: rgba(255, 255, 255, 0.22);

  /* Semánticos */
  --en-vivo: #EF4444;

  /* Tipografía */
  --fuente-display: 'Plus Jakarta Sans', 'Manrope', system-ui, sans-serif;
  --fuente-cuerpo: 'Manrope', system-ui, sans-serif;
  --fuente-mono: 'Manrope', system-ui, sans-serif;

  /* Espaciado / radios */
  --radio-sm: 10px;
  --radio-md: 18px;
  --radio-lg: 28px;
  --radio-full: 999px;
  --sombra-card: 0 24px 60px -24px rgba(15, 26, 8, 0.45);

  /* Movimiento */
  --ease-suave: cubic-bezier(0.22, 1, 0.36, 1);
}