/* tokens.css — Design system de ProjectScan AI (extraído de UIX_salida/) */
:root {
  /* Color */
  --azul: #2563EB;
  --azul-osc: #1D4ED8;
  --azul-claro: #DBEAFE;
  --tinta: #0F172A;
  --texto: #334155;
  --muted: #64748B;
  --faint: #94A3B8;
  --fondo: #FFFFFF;
  --superficie: #F8FAFC;
  --superficie-2: #F1F5F9;
  --borde: #E5E7EB;

  --verde: #16A34A;  --verde-bg: #DCFCE7;  --verde-tx: #166534;
  --ambar: #D97706;  --ambar-bg: #FEF3C7;  --ambar-tx: #92400E;
  --rojo:  #DC2626;  --rojo-bg:  #FEE2E2;  --rojo-tx:  #991B1B;
  --azul-bg: #DBEAFE; --azul-tx: #1E40AF;

  /* Tipografía */
  --fuente: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Forma / espacio */
  --r-card: 16px;
  --r-btn: 12px;
  --r-pill: 999px;
  --sombra: 0 1px 3px rgba(15,23,42,.06);
  --sombra-md: 0 4px 16px rgba(15,23,42,.08);
  --sombra-azul: 0 8px 24px rgba(37,99,235,.35);
  --max: 1180px;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: var(--fuente);
  color: var(--texto);
  background: var(--fondo);
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
}
h1, h2, h3, h4 { color: var(--tinta); letter-spacing: -.02em; line-height: 1.15; }
a { color: var(--azul); text-decoration: none; }
.contenedor { max-width: var(--max); margin: 0 auto; padding: 0 24px; }
.azul { color: var(--azul); }
.eyebrow { font-size: .72rem; font-weight: 700; letter-spacing: .09em;
           text-transform: uppercase; color: var(--faint); }