/* ===========================================================================
   Finzaria — Design tokens
   Dirección "Fintech ágil" · derivados de buxmx-product/context/brand/BRAND.md
   Cambia SOLO aquí para reajustar toda la identidad visual. es-MX.
   =========================================================================== */

:root {
  /* ── Marca ── */
  --blue-600: #3b6bff; /* azul Finzaria (primario) */
  --blue-500: #2452e6;
  --blue-700: #1b54a0;
  --navy-900: #0a2140;
  --navy-800: #0e1d4f;
  --cyan: #14c0d6; /* acento accionable (CTAs, foco, highlights) */
  --cyan-dark: #0fa3b6;

  /* ── Semánticos (regla de producto: ingreso=verde, gasto=rojo) ── */
  --green: #12a05b; /* ingreso */
  --red: #e23b34; /* gasto */
  --amber: #e0a800;

  /* ── Neutros ── */
  --ink: #0e1526; /* texto principal */
  --ink-soft: #3a4356;
  --muted: #5b6675;
  --muted-2: #97a2b2;
  --line: #e4e9f1;
  --bg: #ffffff;
  --bg-soft: #f6f8fb;
  --bg-soft2: #eef2f8;

  /* ── Radios y sombras ── */
  --radius: 16px;
  --radius-sm: 10px;
  --shadow: 0 1px 2px rgba(10, 33, 64, 0.04), 0 8px 30px rgba(10, 33, 64, 0.08);
  --shadow-lg: 0 24px 60px rgba(10, 33, 64, 0.14);

  /* ── Layout ── */
  --maxw: 1120px;
  --space-section: 84px;

  /* ── Tipografía ── */
  --font-body: 'Figtree', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-num: 'Space Grotesk', ui-monospace, 'SF Mono', monospace;
}