/* assets/css/tokens.css — Tokens de diseño (colores, fuentes, medidas).
   Los carga includes/head_base.php ANTES de app.css. La app Almacén los usa sin app.css.
   Los temas (includes/temas_data.php) redefinen estos mismos tokens con :root:root. */

/* ── TOKENS SEMÁNTICOS (tema "Negro" por defecto) ──
   Los temas de includes/temas_data.php redefinen SOLO estos.
   Nunca uses colores hex en los módulos: usa var(--token). */
:root {
  --bg:             #0F0F0F;   /* fondo de página */
  --surface:        #1A1A1A;   /* cards, modales, tablas */
  --surface-2:      #242424;   /* inputs, cabeceras de tabla, botón secundario */
  --sidebar:        #161616;
  --sidebar-hover:  #222222;
  --border:         #2E2E2E;
  --text:           #F5F5F5;
  --text-muted:     #888888;
  --accent:         #F97316;   /* acción principal, códigos, importes clave */
  --accent-soft:    rgba(249,115,22,.12);
  --accent-text:    #FFFFFF;   /* texto sobre --accent */
  --success:        #4ADE80;
  --success-soft:   rgba(34,197,94,.15);
  --danger:         #F87171;
  --danger-soft:    rgba(240,68,68,.12);
  --warning:        #FDE047;
  --warning-soft:   rgba(234,179,8,.12);
  --info:           #60A5FA;
  --info-soft:      rgba(59,130,246,.12);
  --purple:         #A855F7;
  --purple-soft:    rgba(168,85,247,.12);
  --radius:         8px;
  --shadow:         0 8px 30px rgba(0,0,0,.45);
  --font-ui:        'Barlow', sans-serif;                       /* tema.php lo cambia según la fuente elegida */
  --font-display:   'Barlow Condensed', 'Barlow', sans-serif;   /* títulos, códigos y números grandes */
  --sidebar-w:      240px;
  --topbar-h:       56px;

  /* Alias antiguos (los módulos viejos aún los usan; apuntan a los tokens) */
  --naranja:       var(--accent);
  --negro:         var(--bg);
  --gris-osc:      var(--surface);
  --gris-med:      var(--surface-2);
  --gris-borde:    var(--border);
  --gris-texto:    var(--text-muted);
  --blanco:        var(--text);
  --verde:         var(--success);
  --azul:          var(--info);
  --amarillo:      var(--warning);
}