/* GENERADO — no editar directamente.
   Fuente: design-tokens/tokens.css — edita ahí y corre
   scripts/sync-design-tokens.sh para regenerar esta copia. */

/**
 * DESIGN TOKENS COMPARTIDOS — Vocaciones STEAM
 * ==============================================
 * Fuente única de verdad para los tokens que la landing (apps/landing) y
 * la PWA (apps/pwa) YA comparten byte a byte hoy: colores de marca y los
 * easings de movimiento reutilizados en ambas.
 *
 * No incluye la paleta neutra (fondos/texto/bordes): esa difiere a
 * propósito entre la landing (alto contraste, estilo Osmo) y la PWA
 * (glassmorphism) — unificarla es una decisión de diseño aparte, no una
 * simple deduplicación.
 *
 * CÓMO EDITAR: cambia solo este archivo y corre
 *   ./scripts/sync-design-tokens.sh
 * desde la raíz del repo para propagar la copia a:
 *   - apps/landing/design-tokens.css
 *   - apps/pwa/public/design-tokens.css
 * (cada app se construye en un contexto Docker aislado a su propia
 * carpeta, así que no pueden enlazar directo a este archivo en runtime —
 * ver Dockerfile de cada app). Nunca edites las copias a mano, se
 * sobrescriben en el próximo sync.
 */

:root {
  /* Colores de marca */
  --steam-blue: #07B1C9;
  --steam-orange: #F88718;
  --steam-green: #4DB046;
  --steam-red: #E8372D;

  /* Easings de movimiento compartidos */
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
}

body.dark-theme {
  /* Neón en dark mode — mismo criterio en ambas apps */
  --steam-blue: #00E5FF;
}