/* Billetera — design tokens del sistema visual "Pulso" (tema oscuro, alto contraste, números grandes).
   ÚNICA fuente de colores, tipografía, espaciado y radios. Las pantallas y componentes usan solo estas variables.
   Cambiar el acento = cambiar --accent (alternativas probadas: #8FD9B6, #9DB4FF). */
:root{
  color-scheme:dark;

  /* ---- color ---- */
  --bg-app:#131417;
  --surface-raised:#1F2125;     /* botones secundarios, tab bar */
  --surface-card:#1C1E22;
  --surface-active:#2C2F35;     /* ítem activo de la nav; hover/pressed de surface-raised */
  --track:#26292E;              /* fondo de barras de progreso */
  --divider:#2A2D32;
  --data-empty:#33373D;         /* barras sin valor */
  --indicator:#3A3E45;          /* dots inactivos */
  --text:#F2F2EF;
  --text-muted:#A3A8B0;
  --accent:#F0B44C;
  --accent-hover:#F7CD7F;
  --on-accent:#131417;
  --positive:#8FD9B6;           /* saldo disponible, ingresos */
  --danger-fill:#FF7A6B;
  --danger-text:#FF9A8E;        /* excesos, tope superado */
  --series-alt:#9DB4FF;         /* 2da serie de gráficos (medios de pago) */
  --scrim:rgba(0,0,0,.6);       /* fondo detrás de modales y hojas */

  /* ---- tipografía ---- */
  --font:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;
  --t-hero:52px;  --t-hero-ls:-0.04em;
  --t-h1:28px;    --t-h1-ls:-0.02em;   --t-h1-sub:15px;
  --t-h2:17px;
  --t-eyebrow:13px; --t-eyebrow-ls:.06em;
  --t-body:15px;  --t-secondary:13px;  --t-caption:12px;  --t-nav:11px;
  --t-card-amount:22px; --t-kpi:17px;

  /* ---- espaciado ---- */
  --screen-x:20px; --section-gap:32px; --hero-gap:28px;
  --tap:44px; --cta-h:52px; --input-h:52px;

  /* ---- radios ---- */
  --r-icon:12px; --r-cta:14px; --r-card:16px; --r-tabbar:20px; --r-nav-item:14px; --r-badge:6px; --r-input:12px; --r-sheet:20px;

  /* ---- alias de los nombres anteriores (pantallas sin migrar, CSS de Análisis/Tarjetas) — no agregar usos nuevos ---- */
  --bg:var(--bg-app); --surface:var(--surface-card); --surface-2:var(--surface-raised);
  --ink:var(--text); --ink-2:var(--text-muted); --ink-3:var(--text-muted); --line:var(--divider);
  --brand:var(--accent); --brand-2:var(--accent-hover); --brand-text:var(--accent); --on-brand:var(--on-accent);
  --brand-soft:color-mix(in srgb,var(--accent) 16%,var(--surface-card));
  --mint:var(--positive); --mint-text:var(--positive); --rose:var(--danger-fill); --rose-text:var(--danger-text); --rose-hero:var(--danger-text);
  --sun:var(--accent); --sun-text:var(--accent); --sun-rail:var(--accent);
  --hero:var(--surface-card); --hero-2:var(--surface-raised); --shadow:none; --nav-on:var(--surface-active); --nav-on-ink:var(--text);
  --display:var(--font); --body:var(--font); --mono:var(--font);
  --c-ing:var(--positive); --c-gas:var(--danger-fill); --c-line:var(--text); --c-pay1:var(--accent); --c-pay2:var(--series-alt); --c-pay3:var(--positive); --grid-line:var(--divider);
  --ctl:var(--surface-raised); --ctl-line:var(--divider); --ctl-line-hover:var(--surface-active); --ctl-off:var(--data-empty); --ctl-shadow:var(--scrim);
  --lift:38%;
}