/* ============================================================================
 * ACOMEDIOS — Design tokens compartidos (Financial Command Center suite)
 * ============================================================================
 * Fuente única de verdad para los 5 módulos (Cash Flow, CxC, CxP, Tesorería,
 * FCC). Reasigna los MISMOS nombres de variable que ya usaba el Design System
 * anterior (navy/cyan/Inter) -- así ningún selector de los ~16.000 líneas de
 * los 5 módulos necesita tocarse, solo cambian los VALORES.
 *
 * Requiere en cada <head>, ANTES de este archivo:
 *   <link rel="preconnect" href="https://fonts.googleapis.com">
 *   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 *   <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;600&display=swap" rel="stylesheet">
 *
 * Rojo/ámbar/verde semánticos (riesgo financiero) se dejan INTACTOS a
 * propósito -- nunca deben confundirse con la marca.
 * ============================================================================ */
:root{
  /* ---- Escala oscura (antes "navy") -- ahora neutro casi-negro Acomedios,
     usada en pantalla inicial, sidebar y superficies oscuras. ---- */
  --navy-950:#141414;
  --navy-900:#1D1D1D;
  --navy-800:#262626;
  --navy-700:#333333;
  --navy-600:#404040;
  --navy-500:#525252;

  /* ---- Texto / neutros ---- */
  --ink:#1D1D1D;
  --slate-900:#1D1D1D;
  --slate-700:#4A4A4A;
  --slate-600:#6B6B6B;
  --slate-500:#8A8A8A;
  --slate-400:#A8A8A8;

  /* ---- Base: fondo, blanco, superficies ---- */
  --gray-50:#F5F5F5;
  --gray-100:#EFEFEF;
  --gray-150:#E8E8E8;
  --gray-200:#E0E0E0;
  --gray-300:#C7C7C7;
  --white:#ffffff;

  /* ---- Marca Acomedios ----
     Principal: #FF007F. Secundaria: azul/verde/naranja/púrpura/amarillo --
     usarlos como sistema de categorización/acento (series de datos, tags,
     iconografía por tipo), NUNCA como decoración indiscriminada ni para
     reemplazar el rojo/ámbar/verde de riesgo financiero. */
  --brand-pink:#FF007F;
  --brand-magenta:#FF007F; /* alias -- nombre heredado del Design System previo */
  --brand-cyan:#00B5F7;
  --brand-blue:#00B5F7;    /* alias */
  --brand-gray:#8A8A8A;

  --sec-blue:#00B5F7;
  --sec-green:#7ED321;
  --sec-orange:#FF8A00;
  --sec-purple:#8A2BE2;
  --sec-yellow:#FFD200;
  /* Orden fijo de categorización (nunca ciclar/generar más hues): */
  --sec-order-1:var(--sec-blue);
  --sec-order-2:var(--sec-green);
  --sec-order-3:var(--sec-orange);
  --sec-order-4:var(--sec-purple);
  --sec-order-5:var(--sec-yellow);

  --accent:#FF007F;
  --accent-dark:#C4005F;
  --accent-soft:#FFE5F1;

  /* ---- Semánticos de riesgo financiero -- NO tocar el significado ---- */
  --red:#b3352a;
  --red-soft:#fbeae8;
  --red-border:#f0c9c4;
  --amber:#a86a06;
  --amber-soft:#fdf3e0;
  --amber-border:#f1dba9;
  --green:#2e7d5b;
  --green-soft:#e9f5ee;
  --green-border:#bfe2cf;

  /* ---- Forma ---- */
  --radius:16px;      /* cards/paneles -- rango pedido 12-18px */
  --radius-lg:18px;   /* hero / start-card */
  --radius-sm:10px;   /* botones, inputs, controles compactos */
  --shadow-1:0 1px 2px rgba(29,25,25,.07);
  --shadow-2:0 8px 24px rgba(29,25,25,.10);

  /* ---- Tipografía ---- */
  --font:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --heading-weight:700;
  --heading-weight-strong:800;
  --heading-tracking:.2px;
  --heading-tracking-upper:.6px; /* para títulos en mayúsculas controladas */
}

/* Jerarquía de títulos consistente en los 5 módulos -- mayor peso, tracking
   controlado. No cambia tamaños/estructura, solo peso visual. */
h1,h2,h3,h4{font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking);}
.view-header h2,.panel-title h3,.start-card h1{font-weight:var(--heading-weight-strong);}