@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

/**
 * tokens.css — identidad visual compartida de la web (sin prefijo --vb-).
 *
 * SPEC-REDISENO-WEB §1.1. Naranja único: #F5821F. Dark-only. Montserrat.
 * Mismos valores que app/src/styles/tokens.css; nombres de la convención web
 * (landing-shared.css), no --vb-*.
 */

:root {
  --naranja: #F5821F;
  --naranja-hover: #FF9640;
  --naranja-presionado: #E66E00;
  --naranja-soft: rgba(245, 130, 31, 0.12);
  --fondo-hondo: #0A0A0A;
  --fondo: #121212;
  --superficie: #1C1C1E;
  --superficie-alta: #242426;
  --borde: #2E2E30;
  --borde-fuerte: #3D3D40;
  --texto: #FFFFFF;
  --texto-suave: #B8B8BC;
  --subtexto: #7A7A7E;
  --verde: #00A651;
  --verde-claro: #4AD68A;
  --azul: #0080CC;
  --azul-claro: #4db8ff;
  --rojo: #E8000D;
  --rojo-claro: #FF6B73;
  --radius: 8px;
  --radius-lg: 16px;
  --font-ui: 'Montserrat', 'Segoe UI', system-ui, sans-serif;
  --font-display: 'Montserrat', 'Segoe UI', system-ui, sans-serif;
}