/*
 * tokens.css — UN solo juego de colores y tipografía para los dos portales
 * (entrega 4 de «Navegación por cliente», oct-2026).
 *
 * Antes cada portal definía los MISMOS colores con nombres distintos: el
 * individual (base.html) con --verde/--verde-dk/--gris-*, el despacho
 * (base_despacho.html) con --teal/--navy/--ice. Aquí viven una sola vez; los
 * nombres viejos quedan como ALIAS para no tocar las cientos de reglas que ya
 * los usan. Colores nuevos: sólo aquí.
 */
/* Tipografía PROPIA, servida desde /static/fonts (oct-2026). Antes se pedía a
 * Google Fonts, pero la CSP (`style-src 'self'`, sin `font-src`) la bloqueaba en
 * silencio: el despacho NUNCA mostró DM Sans ni Sora, se veía con la letra
 * genérica del navegador. Servirlas nosotros no abre la CSP y no le manda a un
 * tercero la IP de cada usuario. Fuentes variables (un archivo = todos los
 * grosores), subconjunto latino (incluye acentos y ñ). Licencia SIL OFL 1.1:
 * /static/fonts/LICENSE-*.txt. */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
  src: url('/static/fonts/dm-sans-latin-wght-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 100 1000;
  font-display: swap;
  src: url('/static/fonts/dm-sans-latin-wght-italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url('/static/fonts/sora-latin-wght-normal.woff2') format('woff2');
}

:root {
  /* Marca */
  --teal:        #00C9A7;
  --teal-dim:    #00a389;
  --teal-glow:   rgba(0, 201, 167, 0.15);
  --navy:        #081C36;
  --navy-light:  #0d2a50;
  --ice:         #F0F6FF;
  --ice-dim:     #e4eef9;
  --white:       #ffffff;

  /* Texto y bordes */
  --text-primary:   #081C36;
  --text-secondary: #4a6080;
  --text-muted:     #8aa0bc;
  --border:         rgba(8, 28, 54, 0.10);
  --border-light:   rgba(8, 28, 54, 0.06);

  /* Estado (separado del acento de marca) */
  --green:  #16a34a;
  --red:    #dc2626;
  --amber:  #f59e0b;
  --purple: #8b5cf6;

  /* Tipografía: DM Sans para leer, Sora para títulos y números grandes. */
  --font-texto:  'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-titulo: 'Sora', 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Alias del portal individual (base.html) → mismos valores */
  --verde:    var(--teal);
  --verde-dk: var(--navy);
  --gris-1:   #F8F9FA;
  --gris-2:   #E9ECEF;
  --gris-3:   #6C757D;
  --texto:    #1f2a37;
  --rojo:     var(--red);
  --naranja:  #f97316;
  --radio:    10px;
  --sombra:   0 2px 12px rgba(8, 28, 54, .08);
}