/* ============================================================
   BLUE COACH — V4 (produccion) · TOKENS
   Base: Propuesta 3. Ajustes cliente (reunion 21-ago-2026):
   Inter firme, coral con mas presencia, bloques alternos de color.
   Marca indigo #323C96 inmutable. Archivo: css/tokens.css
   ============================================================ */
:root{
  color-scheme:light;

  /* Indigo (marca, del logo) */
  --indigo-950:#0B0F26; --indigo-900:#101426; --indigo-800:#1A2755; --indigo-700:#202762;
  --indigo-600:#29317D; --indigo-500:#323C96; --indigo-400:#5A66B4; --indigo-200:#B7BFE3; --indigo-50:#EDEFF9;

  /* Superficies: blanco / arena / indigo (bloques alternos) */
  --white:#FFFFFF;
  --arena:#FAF8F5;        /* neutro calido tipo lino */
  --arena-2:#F3EFE9;
  --border:#E7E2DA;       /* borde calido */
  --border-dark:rgba(255,255,255,.14);

  /* Tinta (nunca negro puro) */
  --ink:#1F2945; --ink-2:#333A52; --ink-muted:#5C6178;
  --on-dark:rgba(255,255,255,.95); --on-dark-2:rgba(255,255,255,.74); --on-dark-3:rgba(255,255,255,.56);

  /* Coral — con mas presencia, siempre acento (<=15%) */
  --coral:#F58569;        /* acento vivo: iconos, micro-acentos, hovers, detalles */
  --coral-cta:#F58569;    /* fondo de boton con texto blanco (AA >=4.5) */
  --coral-cta-hover:#EC7557;
  --coral-ink:#D45F43;    /* coral como texto/link sobre claro (AA) */
  --coral-50:#FEEDE8;

  /* Roles */
  --bg:var(--white); --text:var(--ink); --text-muted:var(--ink-muted);

  /* Tipografia — Inter (firme) + JetBrains Mono */
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;

  --fs-display:clamp(2.4rem,5.2vw,4.5rem);
  --fs-h2:clamp(1.9rem,3.4vw,2.9rem);
  --fs-h3:1.3rem;
  --fs-lede:clamp(1.05rem,1.4vw,1.2rem);
  --fs-body:1rem; --fs-sm:.9375rem; --fs-micro:.75rem;

  /* Pesos: H1 fuerte (contundencia ejecutiva) */
  --fw-body:400; --fw-med:500; --fw-semi:600; --fw-bold:700; --fw-black:800;

  --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px;
  --s-7:48px; --s-8:64px; --s-9:96px; --s-10:128px;

  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-full:999px;

  --shadow-sm:0 1px 2px rgba(16,20,38,.05), 0 0 0 1px rgba(32,39,98,.05);
  --shadow-md:0 12px 30px -14px rgba(26,39,85,.28), 0 0 0 1px rgba(32,39,98,.05);
  --shadow-nav:0 6px 20px -14px rgba(26,39,85,.5);
  --focus:0 0 0 3px rgba(224,106,78,.4);

  --ease:cubic-bezier(.2,.65,.25,1);
  --transition:.25s var(--ease);
  --container:1200px;

  --z-sticky:40; --z-nav:50;
}