/* pfa-core 2.5.0 - tokens de diseno de Power Flow Analytics.
   GENERADO desde tokens.json por scripts/pfa_core.py (PyPFAControlPannel).
   No editar a mano: el cambio va en tokens.json y se regenera. ADR 0009. */

:root {
  /* color: marca */
  --pf-navy: #0B1F3A;
  --pf-navy-mid: #112A50;
  --pf-navy-deep: #061024;
  --pf-blue: #1A6EF5;
  --pf-blue-dark: #0B52CC;
  --pf-blue-light: #EBF2FF;
  --pf-teal: #0C9FAB;
  --pf-teal-light: #E6F7F9;
  --pf-accent: #6FE3B0;
  --pf-on-primary: #FFFFFF;
  /* color: neutros */
  --pf-bg: #F4F6FA;
  --pf-bg-warm: #FAFBFD;
  --pf-surface: #FFFFFF;
  --pf-border: #E3E8F1;
  --pf-border-mid: #C4CEDF;
  --pf-text: #0B1525;
  --pf-text-mid: #4A5568;
  --pf-text-muted: #5C6B80;
  --pf-text-faint: #8896A8;
  --pf-on-accent: #FFFFFF;
  --pf-on-dark: #FFFFFF;
  /* color: semantica */
  --pf-green: #16A34A;
  --pf-green-text: #15803D;
  --pf-green-bg: #ECFDF5;
  --pf-amber: #B45309;
  --pf-amber-bg: #FFFBEB;
  --pf-red: #DC2626;
  --pf-red-text: #B91C1C;
  --pf-red-bg: #FEF2F2;
  --pf-teal-text: #08757E;
  --pf-mint-text: #0F7B55;
  --pf-purple: #7C3AED;
  --pf-purple-bg: #F5F3FF;
  /* color: producto */
  --pf-accent-hub: #0B1F3A;
  --pf-accent-btm: #1A6EF5;
  --pf-accent-ftm: #08757E;
  --pf-accent-nodoiq: #6D28D9;
  --pf-accent-mpf: #475569;
  /* color: grafica */
  --pf-chart-1: #1A6EF5;
  --pf-chart-2: #0C9FAB;
  --pf-chart-3: #16A34A;
  --pf-chart-4: #B45309;
  --pf-chart-5: #7C3AED;
  --pf-chart-6: #DC2626;
  --pf-chart-7: #C2410C;
  --pf-chart-8: #475569;
  /* tipografia */
  --font-display: 'Montserrat Alternates', 'Montserrat', system-ui, sans-serif;
  --font-sans: 'Montserrat', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', 'Courier New', monospace;
  --fs-display: 32px; --fw-display: 600; --lh-display: 1.2;
  --fs-h1: 24px; --fw-h1: 600; --lh-h1: 1.3;
  --fs-h2: 20px; --fw-h2: 600; --lh-h2: 1.35;
  --fs-h3: 16px; --fw-h3: 600; --lh-h3: 1.4;
  --fs-body-l: 16px; --fw-body-l: 400; --lh-body-l: 1.6;
  --fs-body: 14px; --fw-body: 400; --lh-body: 1.55;
  --fs-body-s: 13px; --fw-body-s: 400; --lh-body-s: 1.5;
  --fs-caption: 11px; --fw-caption: 500; --lh-caption: 1.4;
  --fs-mono: 13px; --fw-mono: 400; --lh-mono: 1.5;
  --fs-mono-b: 13px; --fw-mono-b: 600; --lh-mono-b: 1.5;
  /* espaciado */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;
  --sp-20: 80px;
  --sp-24: 96px;
  /* radios */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 14px;
  --r-xl: 22px;
  --r-full: 999px;
  /* sombras */
  --shadow-xs: 0 1px 2px rgba(11,31,58,.05);
  --shadow-sm: 0 1px 3px rgba(11,31,58,.08);
  --shadow-md: 0 4px 16px rgba(11,31,58,.08);
  --shadow-lg: 0 12px 40px rgba(11,31,58,.12);
  --shadow-glow: 0 0 0 1px rgba(26,110,245,.2), 0 8px 32px rgba(26,110,245,.18);
  /* layout */
  --sidebar-w: 240px;
  --header-h: 64px;
  --content-max: 1400px;
}