/* Financiera Más — Design tokens (Turquesa #00F6FB · Negro #020202)
   Portado del design system del handoff de Claude Design. */
:root{
  /* Brand — Turquesa */
  --turquesa-50:#e4feff;--turquesa-100:#c2fdff;--turquesa-200:#8bfbfe;--turquesa-300:#4df8fc;
  --turquesa-400:#1af7fb;--turquesa-500:#00f6fb;--turquesa-600:#00d2d7;--turquesa-700:#00a9ad;
  --turquesa-800:#037f82;--turquesa-900:#0a5658;

  /* Neutral — tinta negra cálida a papel */
  --neutral-0:#ffffff;--neutral-50:#f7f7f6;--neutral-100:#efefed;--neutral-200:#e3e3df;
  --neutral-300:#cececa;--neutral-400:#a5a5a0;--neutral-500:#797974;--neutral-600:#575753;
  --neutral-700:#3c3c3a;--neutral-800:#222221;--neutral-900:#020202;

  /* Semánticos */
  --success-50:#e7f7ef;--success-500:#12b76a;--success-600:#0e9a58;
  --warning-50:#fef3e6;--warning-500:#f79009;--warning-600:#d97706;
  --error-50:#fdecea;--error-500:#f04438;--error-600:#d3271c;
  --info-50:#e2f6fb;--info-500:#00a6ce;--info-600:#0089ab;

  /* Aliases */
  --brand:var(--turquesa-500);--brand-hover:var(--turquesa-600);--brand-active:var(--turquesa-700);
  --brand-tint:var(--turquesa-50);--brand-contrast:var(--neutral-900);
  --ink:var(--neutral-900);--text-primary:var(--neutral-900);--text-secondary:var(--neutral-600);
  --text-tertiary:var(--neutral-500);--text-disabled:var(--neutral-400);--text-inverse:var(--neutral-0);
  --text-brand:var(--turquesa-700);
  --surface-page:var(--neutral-50);--surface-card:var(--neutral-0);--surface-sunken:var(--neutral-100);
  --surface-inverse:var(--neutral-900);--surface-brand:var(--turquesa-500);--surface-brand-tint:var(--turquesa-50);
  --border-subtle:var(--neutral-200);--border-default:var(--neutral-300);--border-strong:var(--neutral-400);
  --border-brand:var(--turquesa-500);--focus-ring:var(--turquesa-500);
  --positive:var(--success-500);--positive-tint:var(--success-50);--negative:var(--error-500);--negative-tint:var(--error-50);
  --caution:var(--warning-500);--caution-tint:var(--warning-50);--informative:var(--info-500);--informative-tint:var(--info-50);

  /* Tipografía */
  --font-display:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-body:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;
  --fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;
  --fs-xs:0.75rem;--fs-sm:0.875rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.375rem;
  --fs-2xl:1.75rem;--fs-3xl:2.25rem;--fs-4xl:3rem;--fs-5xl:4rem;
  --lh-tight:1.1;--lh-snug:1.25;--lh-normal:1.5;--lh-relaxed:1.65;
  --ls-tight:-0.02em;--ls-snug:-0.01em;--ls-normal:0;--ls-wide:0.04em;--ls-caps:0.08em;
  --text-display:var(--fw-bold) var(--fs-5xl)/var(--lh-tight) var(--font-display);
  --text-h1:var(--fw-bold) var(--fs-4xl)/var(--lh-tight) var(--font-display);
  --text-h2:var(--fw-semibold) var(--fs-3xl)/var(--lh-snug) var(--font-display);
  --text-h3:var(--fw-semibold) var(--fs-2xl)/var(--lh-snug) var(--font-display);
  --text-h4:var(--fw-semibold) var(--fs-xl)/var(--lh-snug) var(--font-display);
  --text-body-lg:var(--fw-regular) var(--fs-lg)/var(--lh-relaxed) var(--font-body);
  --text-body:var(--fw-regular) var(--fs-md)/var(--lh-normal) var(--font-body);
  --text-body-sm:var(--fw-regular) var(--fs-sm)/var(--lh-normal) var(--font-body);
  --text-label:var(--fw-medium) var(--fs-sm)/var(--lh-snug) var(--font-body);
  --text-caption:var(--fw-regular) var(--fs-xs)/var(--lh-normal) var(--font-body);
  --text-overline:var(--fw-semibold) var(--fs-xs)/var(--lh-normal) var(--font-body);

  /* Espaciado (grid 4px) */
  --space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;
  --space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;

  /* Radios y elevación */
  --radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-pill:999px;
  --shadow-xs:0 1px 2px rgba(2,2,2,0.06);
  --shadow-sm:0 1px 3px rgba(2,2,2,0.08),0 1px 2px rgba(2,2,2,0.04);
  --shadow-md:0 4px 12px rgba(2,2,2,0.08),0 2px 4px rgba(2,2,2,0.04);
  --shadow-lg:0 12px 28px rgba(2,2,2,0.10),0 4px 8px rgba(2,2,2,0.05);
  --shadow-xl:0 24px 48px rgba(2,2,2,0.14);
  --shadow-brand:0 8px 24px rgba(0,246,251,0.35);
  --border-width:1px;--border-width-strong:1.5px;
  --transition-fast:120ms cubic-bezier(0.4,0,0.2,1);
  --transition-base:200ms cubic-bezier(0.4,0,0.2,1);
  --transition-slow:320ms cubic-bezier(0.4,0,0.2,1);
}