/* Tokens de diseño · Finanzas DeNicolás (ver docs/MARCA.md). Tres capas: primitivo → semántico → componente. */
:root{
  /* Primitivos */
  --p-naranja-500:#FF3F1B; --p-naranja-600:#E8340F; --p-naranja-700:#D42E0D; --p-naranja-800:#BF2A0C; --p-naranja-100:#FFE9E4;
  --p-gris-50:#F6F6F6; --p-gris-75:#FAFAFA; --p-gris-100:#EFEFF1; --p-gris-200:#E3E3E6; --p-gris-500:#6E6E74; --p-gris-700:#46464B;
  --p-tinta-900:#1C1C1E; --p-blanco:#FFFFFF;
  --p-verde-700:#16794A; --p-verde-100:#E2F3EA; --p-rojo-700:#C42B12; --p-rojo-100:#FDE6E1; --p-ambar-700:#C98A00; --p-azul-700:#2B59C3;
  --p-espacio-1:4px; --p-espacio-2:8px; --p-espacio-3:12px; --p-espacio-4:16px; --p-espacio-5:24px; --p-espacio-6:32px; --p-espacio-7:48px;
  --p-radio-s:8px; --p-radio-m:12px; --p-radio-l:16px;
  --p-dur-rapida:.12s; --p-dur-media:.18s; --p-ease-salida:cubic-bezier(.2,.8,.2,1);

  /* Semánticos */
  --c-marca:var(--p-naranja-500); --c-marca-texto:var(--p-naranja-700); --c-marca-texto-suave:var(--p-naranja-800); --c-marca-tinte:var(--p-naranja-100);
  --c-fondo:var(--p-gris-50); --c-superficie:var(--p-blanco); --c-superficie-alt:var(--p-gris-75);
  --c-texto:var(--p-tinta-900); --c-texto-2:var(--p-gris-700); --c-texto-3:var(--p-gris-500);
  --c-borde:var(--p-gris-200); --c-borde-suave:var(--p-gris-100);
  --c-positivo:var(--p-verde-700); --c-positivo-tinte:var(--p-verde-100); --c-negativo:var(--p-rojo-700); --c-negativo-tinte:var(--p-rojo-100);
  --c-alerta:var(--p-ambar-700); --c-escenario:var(--p-azul-700);
  --c-ingreso:var(--p-tinta-900); --c-gasto:var(--p-naranja-500); --c-utilidad:var(--p-verde-700);
  --mov-micro:var(--p-dur-rapida); --mov-estado:var(--p-dur-media); --mov-ease:var(--p-ease-salida);

  /* Componentes */
  --kpi-destacado-fondo:var(--c-marca); --kpi-destacado-texto:var(--c-texto);
  --tabla-cabecera-fondo:var(--c-fondo); --tabla-hover:var(--c-superficie-alt);
  --chip-marca-fondo:var(--c-marca-tinte); --chip-marca-texto:var(--c-marca-texto-suave);
  --foco:var(--c-texto);
}
