/* ============================================================
   CCCBR / CIMA — Sistema de tokens (ANCLA compartida)
   Autor: Dalí, Genio Audiovisual de AIONOVA · 2026-07-29
   Contrato de diseño: las tres líneas (A/B/C) consumen ESTE archivo.
   No redefinir tokens fuera de aquí. Ampliaciones se proponen a Dalí.
   Paleta: honra CCBR (navy+rojo) + CIMA (navy+rojo+azul) + brief.
   ============================================================ */

:root{
  /* --- Papel / lienzo (marfil frío dominante, mucho aire) --- */
  --paper:      #F6F4EE;   /* lienzo principal */
  --paper-2:    #FBFAF6;   /* tarjetas / capas elevadas */
  --paper-3:    #EFEBE1;   /* zonas de reposo / bandeja */

  /* --- Tinta --- */
  --ink:        #14213D;   /* texto principal */
  --ink-soft:   #45566C;   /* leads, cuerpo secundario */
  --ink-mute:   #6B7688;   /* labels, notas */

  /* --- Navy institucional (estructura) --- */
  --navy:       #1E3A63;   /* puente CCBR #26315B ↔ ICG #1C3461 */
  --navy-deep:  #0E1E3A;   /* fondos de énfasis puntual */

  /* --- Rojo marca (acento memorable, disciplinado) --- */
  --accent:     #D22730;   /* puente CCBR #E1251B ↔ CIMA #E30613 */
  --accent-ink: #A81D24;   /* rojo texto sobre claro */
  --accent-tint:rgba(210,39,48,.06);

  /* --- Datos --- */
  --data:       #17727C;   /* petróleo para cifras/gráficos */
  --data-tint:  rgba(23,114,124,.08);

  /* --- Acentos secundarios --- */
  --gold:       #C79A45;   /* premium, uso raro */
  --ok:         #1F6B4A;   /* confianza / "sí es" */
  --warn:       #B0563F;   /* riesgos / barandas */

  /* --- Líneas --- */
  --rule:       #E2DED3;
  --rule-soft:  #ECE8DE;

  /* --- Acento por estación (progresión ICG-like, misma familia) --- */
  --sc-01: var(--navy);    /* Tesis     */
  --sc-02: var(--data);    /* Lectura   */
  --sc-03: var(--gold);    /* Visión    */
  --sc-04: var(--ok);      /* MVP       */
  --sc-05: var(--accent);  /* Economía  */
  --sc-06: var(--navy-deep);/* Decisión */

  /* --- Tipografía (self-hosted en assets/fonts/) --- */
  --display: "Fraunces", Georgia, "Times New Roman", serif;   /* variable, opsz, itálicas */
  --sans:    "Archivo", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono:    "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;

  /* --- Escala tipográfica (fluida, no-scroll: cabe en viewport) --- */
  --fs-eyebrow: clamp(.62rem,.78vw,.74rem);
  --fs-lead:    clamp(1.1rem,1.7vw,1.5rem);
  --fs-h1:      clamp(2.6rem,5.4vw,5.4rem);
  --fs-h2:      clamp(1.9rem,3.6vw,3.4rem);
  --fs-body:    clamp(.95rem,1.05vw,1.06rem);

  /* --- Retícula / espaciado --- */
  --wrap:   min(1240px, 92vw);
  --gutter: clamp(20px,4vw,56px);
  --nav-w:  clamp(64px,7vw,96px);
  --radius: 14px;

  /* --- Motion (sobrio, premium; se anula con prefers-reduced-motion) --- */
  --ease:   cubic-bezier(.22,.61,.36,1);
  --ease-in:cubic-bezier(.5,0,.75,0);
  --dur-fast: 240ms;
  --dur:      420ms;
  --dur-slow: 720ms;

  /* --- Sombras (mínimas, premium) --- */
  --shadow-1: 0 1px 2px rgba(20,33,61,.04), 0 8px 24px rgba(20,33,61,.06);
  --shadow-2: 0 2px 4px rgba(20,33,61,.05), 0 18px 48px rgba(20,33,61,.10);
}

@media (prefers-reduced-motion: reduce){
  :root{ --dur-fast:0ms; --dur:0ms; --dur-slow:0ms; }
}