:root {
  /* === RED NBL — Paper + Ink + Rojo (patrón Comercial SP / Nicotion) === */
  /* Mantiene ADN rojo del logo, fondo paper como el resto de landings del piloto */
  --color-primary: #F42525;          /* rojo vivo — accent principal */
  --color-primary-hover: #C91818;
  --color-primary-soft: #FFE5E5;
  --color-primary-vivid: #F42525;
  --color-accent: #F42525;
  --color-accent-hover: #C91818;
  --color-warn: #F59E0B;
  --color-error: #EF4444;
  --color-info: #3B82F6;

  /* === PAPER (como Comercial SP / Nicotion) === */
  --color-bg: #FFFFFF;               /* paper principal */
  --color-bg-alt: #FAFAFA;           /* paper alternado (paper-2) */
  --color-surface-1: #F7F7F5;        /* paper-2 para cards */
  --color-surface-2: #EFEFEC;        /* paper-3 */

  /* === INK (texto y elementos oscuros) === */
  --color-text: #0A0A0A;             /* negro ink */
  --color-text-muted: #6B6B6B;       /* ink-4 */
  --color-text-dim: #A3A3A3;         /* ink-5 */
  --color-border: #E5E5E5;           /* line */
  --color-border-strong: #2B2B2B;    /* ink-3 */
  --color-ink: #0A0A0A;              /* fondo negro para secciones de contraste */
  --color-ink-2: #1A1A1A;

  /* Estado */
  --color-success: #10B981;
  --color-on-success: #064E3B;
  --color-success-bg: #D1FAE5;
  --color-on-error: #7F1D1D;
  --color-error-bg: #FEE2E2;

  /* Tipografía — patrón Nicotion.com / Comercial SP: Inter family */
  --font-display: "Inter Tight", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --weight-display: 700;
  --weight-body: 400;
  --weight-body-strong: 500;
  --weight-mono: 400;
  --lh-display: 1.08;
  --lh-body: 1.55;
  --lh-mono: 1.4;
  /* Nicotion patter: mono solo para eyebrows / city tags */
  --tracking-eyebrow: .12em;
  --tracking-tight: -.02em;

  /* Espaciado */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px;
  --space-4: 16px; --space-6: 24px; --space-8: 32px;
  --space-12: 48px; --space-16: 64px; --space-24: 96px;

  /* Radio */
  --radius-sm: 4px;    --radius-md: 8px;
  --radius-lg: 16px;   --radius-full: 9999px;

  /* Sombras */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.35);
  --shadow-md: 0 4px 8px -2px rgba(0, 0, 0, 0.45), 0 2px 4px -2px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 12px 24px -8px rgba(0, 0, 0, 0.55), 0 4px 8px -4px rgba(0, 0, 0, 0.45);
}

/* === Plan B — Azul + Verde + Light === */
/* Descomentar para activar Plan B. NO activado por defecto. */
/*
:root {
  --color-primary: #1E40AF;
  --color-primary-hover: #1E3A8A;
  --color-primary-soft: #DBEAFE;
  --color-primary-vivid: #1E40AF;
  --color-accent: #059669;
  --color-accent-hover: #047857;
  --color-warn: #D97706;
  --color-error: #DC2626;
  --color-info: #2563EB;
  --color-bg: #F8FAFC;
  --color-bg-alt: #F1F5F9;
  --color-surface-1: #FFFFFF;
  --color-surface-2: #E2E8F0;
  --color-text: #0F172A;
  --color-text-muted: #475569;
  --color-text-dim: #94A3B8;
  --color-border: #CBD5E1;
  --color-border-strong: #64748B;
  --color-success: #059669;
  --color-on-success: #FFFFFF;
  --color-success-bg: #D1FAE5;
  --color-on-error: #FFFFFF;
  --color-error-bg: #FEE2E2;
}
*/

body { background: var(--color-bg); color: var(--color-text); font-family: var(--font-body); font-weight: var(--weight-body); line-height: var(--lh-body); }
h1, h2, h3, h4 { font-family: var(--font-display); font-weight: var(--weight-display); line-height: var(--lh-display); margin: 0; }
code, kbd, samp, .mono { font-family: var(--font-mono); font-weight: var(--weight-mono); line-height: var(--lh-mono); }