/* ---------------------------------------------------------------------------
   Tokens · Sistema de Comisiones Ascendancy
   Único punto de verdad de color y tipografía. Cambiar el theme = tocar este
   archivo. Los componentes en app.css no llevan hex literales.
   --------------------------------------------------------------------------- */

:root {
  /* Tinta y superficie — herramienta operativa de uso continuo, modo claro */
  --ink-900: #12161f;
  --ink-700: #2a3342;
  --ink-500: #5a6577;
  --ink-300: #949eae;
  --ink-200: #b9c1cc;
  --line:    #dfe3ea;
  --line-strong: #c6ccd7;
  --paper:   #eceff4;
  --surface: #ffffff;
  --surface-sunk: #f5f7f9;

  /* Semántica de los cuatro montos del reporte.
     Cada color codifica una fuente de dato distinta, no una jerarquía. */
  --collected:      #1f7a54;  /* pago con promesa */
  --collected-soft: #d6ece1;
  --wop:            #6d54a6;  /* pago sin promesa */
  --wop-soft:       #e4dcf3;
  --tocollect:      #3a5c99;  /* promesa: dinero prometido, aún no real */
  --tocollect-soft: #dce4f3;
  --goal:           #12161f;  /* la meta es una línea, no un área */

  /* Estados */
  --warn:      #8a5410;
  --warn-soft: #fbeed6;
  --warn-line: #f0b429;
  --danger:      #9b2c2c;
  --danger-soft: #f7dede;
  --ok:        #1f7a54;

  /* Tipografía */
  --font-ui:   'IBM Plex Sans', system-ui, -apple-system, sans-serif;
  --font-cond: 'IBM Plex Sans Condensed', 'IBM Plex Sans', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  --fs-xs: 11px;
  --fs-sm: 12.5px;
  --fs-md: 14px;
  --fs-lg: 17px;
  --fs-xl: 22px;
  --fs-2xl: 30px;

  /* Espacio */
  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px;
  --s5: 24px; --s6: 32px; --s7: 48px;

  --radius: 3px;
  --radius-lg: 5px;
  --shadow-drawer: -18px 0 48px rgba(18, 22, 31, 0.18);
  --shadow-card: 0 1px 0 var(--line), 0 1px 3px rgba(18, 22, 31, 0.04);
}