/* ============================================================
   mntr. v2 — Tokens
   Sistema de diseño base · Skin v2 (feat/skin-v2)
   ------------------------------------------------------------
   Decisión cromática base: Noche Cálida — el navy actual
   evoluciona hacia una tinta nocturna con tinte violeta/índigo
   cálido (#0F1024 territory). Es el cuarto donde el CEO toma
   decisiones a las 10 de la noche con luz baja: íntimo, no frío.
   ------------------------------------------------------------
   Tres modos disponibles:
     • Noche Cálida  (base, recomendado)        [data-mode="noche"]
     • Papel Premium (sesión diurna, exportable) [data-mode="papel"]
     • Sala AAA      (alto contraste opt-in)     [data-mode="sala"]
   ============================================================ */

:root,
[data-mode="noche"] {
  /* ─── Base — fondo, atmósfera ─────────────────────────────── */
  --c-base-00: #0A0B1A;        /* más profundo */
  --c-base-25: #0F1024;        /* base canónica · Noche Cálida */
  --c-base-50: #14162E;
  --c-base-75: #1A1D38;
  --c-base-100: #232746;        /* más luminoso */

  /* ─── Surface — cards, paneles, elevación ────────────────── */
  --c-surface-00: #131532;       /* nivel 1, sutil */
  --c-surface-25: #181B3A;       /* nivel 2 */
  --c-surface-50: #1F2348;       /* nivel 3 · default card */
  --c-surface-75: #272C56;       /* nivel 4 · hover */
  --c-surface-100: #313668;       /* nivel 5 · modal/foco */

  /* ─── Ink — jerarquía tipográfica (NO peso) ──────────────── */
  --c-ink-100: #F4EFE6;         /* titulares, énfasis */
  --c-ink-75:  #D8D3C8;         /* cuerpo principal */
  --c-ink-50:  #9892A6;         /* microcopy, hints */
  --c-ink-25:  #5C5872;         /* decorativos */
  --c-ink-00:  #3A374C;         /* disabled */

  /* ─── Coral — voz del CTA y presencia del consejo ────────── */
  --c-coral-00: #8C1E1A;
  --c-coral-25: #B22B22;
  --c-coral-50: #D93829;        /* color marca · sweet spot */
  --c-coral-75: #E86650;
  --c-coral-100: #F28C6A;       /* highlights puntuales */
  --c-coral-glow: 217, 56, 41;

  /* ─── Conversa — voz del coordinador (oro de cantera) ───── */
  --c-conversa-00: #6B5732;
  --c-conversa-25: #94783F;
  --c-conversa-50: #C8A875;     /* marca conversa */
  --c-conversa-75: #D9BD92;
  --c-conversa-100: #EAD5B5;

  /* ─── Evidence — datos verificables (azul acero sereno) ──── */
  --c-evidence-00: #2E4A5E;
  --c-evidence-25: #436A85;
  --c-evidence-50: #5E8AA8;
  --c-evidence-75: #82A8C2;
  --c-evidence-100: #B0CADA;

  /* ─── Signal — utilidad ──────────────────────────────────── */
  --c-signal-success: #5BA67C;
  --c-signal-warning: #D9A24A;
  --c-signal-danger:  #C0392B;  /* bermellón frío, NO coral */
  --c-signal-info:    #5E8AA8;  /* = evidence-50 */

  /* ─── Gradients de presencia ─────────────────────────────── */
  --grad-pulse:
    radial-gradient(circle at 50% 50%,
      rgba(217,56,41,0.32) 0%,
      rgba(217,56,41,0.10) 35%,
      transparent 70%);
  --grad-coordinator:
    linear-gradient(135deg,
      rgba(200,168,117,0.18) 0%,
      rgba(94,138,168,0.10) 100%);
  --grad-mentor-default:
    linear-gradient(135deg, var(--c-coral-50), var(--c-conversa-50));
  --grad-hero:
    radial-gradient(ellipse at 50% 0%,
      rgba(217,56,41,0.12) 0%,
      transparent 55%),
    linear-gradient(180deg, var(--c-base-50), var(--c-base-25) 60%);

  /* ─── Sombras con color (tinta, no agujeros negros) ─────── */
  --shadow-low:  0 1px 2px rgba(10,11,26,0.4);
  --shadow-mid:  0 6px 18px -4px rgba(10,11,26,0.55), 0 2px 4px rgba(10,11,26,0.4);
  --shadow-high: 0 24px 48px -12px rgba(10,11,26,0.7), 0 8px 16px -4px rgba(10,11,26,0.5);
  --shadow-coral: 0 0 32px -8px rgba(217,56,41,0.45);
  --shadow-coordinator: 0 0 28px -10px rgba(200,168,117,0.4);

  /* ─── Tipografía ─────────────────────────────────────────── */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body:    "Inter", -apple-system, "Segoe UI", system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Optical size cues para Fraunces */
  --display-xl: 56px;  --display-l: 40px;  --display-m: 28px;  --display-s: 22px;
  --body-l: 17px; --body-m: 15px; --body-s: 13px; --body-xs: 11px;

  /* ─── Espaciados ─────────────────────────────────────────── */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-7: 32px; --sp-8: 40px;
  --sp-9: 56px; --sp-10: 80px;

  /* ─── Radios ─────────────────────────────────────────────── */
  --r-xs: 6px; --r-s: 10px; --r-m: 14px; --r-l: 20px; --r-xl: 28px; --r-pill: 9999px;

  /* ─── Motion — 4 categorías ──────────────────────────────── */
  --ease-presence:  cubic-bezier(0.16, 1, 0.3, 1);     /* entrada de elementos · suave */
  --ease-conversation: cubic-bezier(0.4, 0, 0.2, 1);   /* transición de página */
  --ease-feedback:  cubic-bezier(0.34, 1.56, 0.64, 1); /* micro-feedback (overshoot leve) */
  --ease-celebrate: cubic-bezier(0.68, -0.6, 0.32, 1.6); /* celebratorio */

  --dur-tap: 120ms;
  --dur-feedback: 220ms;
  --dur-conversation: 360ms;
  --dur-presence: 600ms;
  --dur-pulse: 2400ms;
  --dur-deliberate: 6000ms;     /* rotación de mensajes */
}

/* ============================================================
   Modo Papel Premium · sesiones diurnas, presentaciones, PDF
   Inspirado en papel de algodón crema, no blanco clínico.
   ============================================================ */
[data-mode="papel"] {
  --c-base-00: #FAF6EF;
  --c-base-25: #F5EFE3;        /* base canónica · papel */
  --c-base-50: #EFE7D6;
  --c-base-75: #E5D9C2;
  --c-base-100: #D4C49F;

  --c-surface-00: #FFFCF5;
  --c-surface-25: #FFFAEC;
  --c-surface-50: #FCF7E8;     /* default card */
  --c-surface-75: #F8F1DA;
  --c-surface-100: #FFFDF7;

  --c-ink-100: #1A1626;
  --c-ink-75:  #34304A;
  --c-ink-50:  #6E687E;
  --c-ink-25:  #A39D8E;
  --c-ink-00:  #C9C2B0;

  --c-coral-00: #8C1E1A;
  --c-coral-25: #B22B22;
  --c-coral-50: #D93829;
  --c-coral-75: #E86650;
  --c-coral-100: #F28C6A;

  --c-conversa-50: #9F7C42;     /* ámbar profundo en papel */
  --c-conversa-75: #C8A875;
  --c-conversa-100: #DDC399;

  --c-evidence-50: #3D6B8A;
  --c-evidence-75: #5E8AA8;
  --c-evidence-100: #82A8C2;

  --grad-hero:
    radial-gradient(ellipse at 50% 0%,
      rgba(217,56,41,0.06) 0%,
      transparent 60%),
    linear-gradient(180deg, var(--c-surface-25), var(--c-base-25) 70%);

  --shadow-low:  0 1px 2px rgba(53, 38, 22, 0.06);
  --shadow-mid:  0 6px 18px -6px rgba(53, 38, 22, 0.12), 0 2px 4px rgba(53, 38, 22, 0.06);
  --shadow-high: 0 24px 48px -16px rgba(53, 38, 22, 0.18);
  --shadow-coral: 0 0 24px -10px rgba(217,56,41,0.30);
}

/* ============================================================
   Modo Sala · alto contraste WCAG AAA
   Opción estética legítima, no ñapa de accesibilidad.
   ============================================================ */
[data-mode="sala"] {
  --c-base-00: #000000;
  --c-base-25: #050510;
  --c-base-50: #0A0A1A;
  --c-base-75: #14142A;
  --c-base-100: #1F1F38;

  --c-surface-00: #0F0F22;
  --c-surface-25: #16162E;
  --c-surface-50: #1F1F3D;
  --c-surface-75: #2A2A52;
  --c-surface-100: #353568;

  --c-ink-100: #FFFFFF;
  --c-ink-75:  #ECE6D9;
  --c-ink-50:  #B8B0A0;
  --c-ink-25:  #7A7488;
  --c-ink-00:  #4A4660;

  --c-coral-50: #FF5040;        /* coral más luminoso para AAA */
  --c-coral-75: #FF7A66;
  --c-coral-100: #FFA890;

  --c-conversa-50: #E8C68C;
  --c-evidence-50: #8DB5D0;
}