/* ============================================================
   JOYA SOLAR × AI FIRST — Sistema de tokens (ANCLA compartida)
   Cargo: disenador-de-interfaz · encargo TL-JOYA-001C · 2026-08-12
   Fuente: PLAN_RECTOR_DISENO_JOYA.md §1 (paleta firmada por David).
   Contrato de diseño: las líneas C y D consumen ESTE archivo.
   No redefinir tokens fuera de aquí. Ampliaciones se proponen a Dalí.

   Recolor TL-JOYA-004D: blanco frío, azul Joya dominante y amarillo
   quemado claro como acento en contraste azul-amarillo.
   ============================================================ */

:root{
  /* --- Papel / lienzo — blanco frío, cero marfil --- */
  --paper:      #F7FAFD;   /* lienzo principal */
  --paper-2:    #FFFFFF;   /* tarjetas / capas elevadas */
  --paper-3:    #E9F1F8;   /* zonas de reposo / bandeja */

  /* --- Tinta — alto contraste sobre claro --- */
  --ink:        #13273D;   /* texto principal (negro azulado) */
  --ink-soft:   #3D5570;   /* leads, cuerpo secundario */
  --ink-mute:   #637791;   /* labels, notas — NUNCA texto normal */

  /* --- Azul estructura — Joya dominante --- */
  --navy:       #1C4E80;   /* estructura azul Joya */
  --navy-deep:  #12335A;   /* énfasis profundo */

  /* --- ACENTO SOLAR — amarillo quemado claro, no chillón --- */
  --accent:     #F2B01E;   /* grafismo, botón, marcadores */
  --accent-ink: #8C5D00;   /* texto corto sobre claro */
  --accent-tint:rgba(242,176,30,.13);

  /* --- Datos — azul medio Joya --- */
  --data:       #2A7DB8;
  --data-tint:  rgba(42,125,184,.10);

  /* --- Acentos secundarios --- */
  --gold:       #D49A12;   /* amarillo profundo para detalle */
  --ok:         #00895C;   /* verde Joya controlado */
  --warn:       #A9482F;   /* barandas / lo que queda fuera */

  /* --- Azul vivo AIONOVA — SOLO co-marca / detalle interactivo, no fondo --- */
  --aion-blue:  #206FA0;

  /* --- Líneas --- */
  --rule:       #D6E3EF;
  --rule-soft:  #E6EEF6;

  /* --- Acento por sección — alternancia azul/amarillo con respiro --- */
  --sc-01: var(--navy);       /* Tesis               */
  --sc-02: var(--accent);     /* Lo que entendimos   */
  --sc-03: var(--data);       /* Sistema Vivo Fase 1 */
  --sc-04: var(--gold);       /* Mercado y expansión */
  --sc-05: var(--navy-deep);  /* Cómo trabajamos     */
  --sc-06: var(--accent);     /* Siguiente decisión  */

  /* --- Tipografía (self-hosted en assets/fonts/) — se conserva del molde --- */
  --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 — tintadas en azul Joya) --- */
  --shadow-1: 0 1px 2px rgba(19,39,61,.04), 0 8px 24px rgba(28,78,128,.08);
  --shadow-2: 0 2px 4px rgba(19,39,61,.05), 0 18px 48px rgba(28,78,128,.13);
}

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