/* ============================================================================
   tokens.css — GENERADO por generar_css.py · NO EDITAR A MANO
   Fuente única: tokens.json (regla madre: nada se pinta hardcodeado)

   - :root                = tema claro + tokens agnósticos de tema
   - @media dark          = modo noche siguiendo al sistema
   - :root[data-tema=...] = override explícito del usuario (gana siempre)
     El modo noche es la insignia: "modo noche con ella".

   No emitidos a propósito: color.paleta (la cruda se consume solo vía la capa
   semántica) y haptics (no son CSS; el cliente los lee de tokens.json).
   ============================================================================ */

:root {
  --mc-color-fondo-base: #FBF6EF;
  --mc-color-fondo-elevado: #F4EBDE;
  --mc-color-fondo-blur-overlay: #FBF6EFB8;
  --mc-color-texto-primario: #2B2320;
  --mc-color-texto-secundario: #6B5F54;
  --mc-color-texto-sobre-acento: #FBF6EF;
  --mc-color-texto-realce-display: #C2683F;
  --mc-color-burbuja-mia-fondo: #ECE3D8;
  --mc-color-burbuja-mia-texto: #2B2320;
  --mc-color-burbuja-usuario-fondo: #2B2320;
  --mc-color-burbuja-usuario-texto: #FBF6EF;
  --mc-color-acento-base: #C2683F;
  --mc-color-marca-suelo: #1A2140;
  --mc-color-estado-exito: #4E6B51;
  --mc-color-estado-atencion: #8A5B22;
  --mc-color-estado-error: #8F3B2A;
  --mc-color-borde-separador: #E7DCCC;
  --mc-tipografia-familia-display: Newsreader, Georgia, serif;
  --mc-tipografia-familia-ui: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mc-tipografia-familia-manuscrita: Caveat, cursive;
  --mc-tipografia-tamano-display-1: 28px;
  --mc-tipografia-tamano-display-2: 22px;
  --mc-tipografia-tamano-cuerpo-grande: 18px;
  --mc-tipografia-tamano-cuerpo: 16px;
  --mc-tipografia-tamano-secundario: 14px;
  --mc-tipografia-tamano-micro: 12px;
  --mc-tipografia-peso-regular: 400;
  --mc-tipografia-peso-medio: 500;
  --mc-tipografia-peso-seminegrita: 600;
  --mc-tipografia-interlineado-display: 1.15;
  --mc-tipografia-interlineado-compacto: 1.3;
  --mc-tipografia-interlineado-cuerpo: 1.5;
  --mc-tipografia-tracking-display: -0.015em;
  --mc-tipografia-tracking-etiqueta: 0.12em;
  --mc-espaciado-base: 4px;
  --mc-espaciado-x1: 4px;
  --mc-espaciado-x2: 8px;
  --mc-espaciado-x3: 12px;
  --mc-espaciado-x4: 16px;
  --mc-espaciado-x6: 24px;
  --mc-espaciado-x8: 32px;
  --mc-espaciado-x12: 48px;
  --mc-espaciado-x16: 64px;
  --mc-radios-papel: 6px;
  --mc-radios-control: 12px;
  --mc-radios-tarjeta: 16px;
  --mc-radios-burbuja: 20px;
  --mc-radios-hoja: 24px;
  --mc-radios-pildora: 999px;
  --mc-sombras-reposo: 0px 2px 8px 0px #17120D14;
  --mc-sombras-flotante: 0px 6px 24px 0px #17120D1F;
  --mc-sombras-hoja: 0px 12px 48px 0px #17120D29;
  --mc-motion-duracion-micro: 120ms;
  --mc-motion-duracion-corta: 200ms;
  --mc-motion-duracion-media: 320ms;
  --mc-motion-duracion-larga: 480ms;
  --mc-motion-easing-suave: cubic-bezier(0.4, 0, 0.2, 1);
  --mc-motion-easing-entrada: cubic-bezier(0, 0, 0.2, 1);
  --mc-motion-easing-salida: cubic-bezier(0.4, 0, 1, 1);
  --mc-motion-easing-asentar: cubic-bezier(0.34, 1.2, 0.4, 1);
  --mc-motion-intencion-typing: 320ms cubic-bezier(0.4, 0, 0.2, 1);
  --mc-motion-intencion-foto-blur-up: 480ms cubic-bezier(0, 0, 0.2, 1);
  --mc-motion-intencion-polaroid-revelado: 480ms cubic-bezier(0.34, 1.2, 0.4, 1);
  --mc-motion-intencion-reencuentro: 480ms cubic-bezier(0, 0, 0.2, 1);
  --mc-motion-intencion-regalo-al-mundo: 320ms cubic-bezier(0.34, 1.2, 0.4, 1);
  --mc-tactil-target-minimo: 44px;
  --mc-z-fondo-espacio: 0;
  --mc-z-chat: 10;
  --mc-z-barra: 20;
  --mc-z-hoja: 30;
  --mc-z-overlay: 40;
  --mc-efectos-desenfoque-fondo: 24px;
  --mc-efectos-desenfoque-hoja: 16px;
  --mc-efectos-grano-opacidad: 0.05;
}

@media (prefers-color-scheme: dark) {
  :root {
    --mc-color-fondo-base: #17120D;
    --mc-color-fondo-elevado: #211A12;
    --mc-color-fondo-blur-overlay: #17120DB8;
    --mc-color-texto-primario: #ECE3D8;
    --mc-color-texto-secundario: #B6A794;
    --mc-color-texto-sobre-acento: #2B2320;
    --mc-color-texto-realce-display: #E0A35E;
    --mc-color-burbuja-mia-fondo: #352B21;
    --mc-color-burbuja-mia-texto: #ECE3D8;
    --mc-color-burbuja-usuario-fondo: #ECE3D8;
    --mc-color-burbuja-usuario-texto: #2B2320;
    --mc-color-acento-base: #E28A5A;
    --mc-color-marca-suelo: #1A2140;
    --mc-color-estado-exito: #96B295;
    --mc-color-estado-atencion: #E0A35E;
    --mc-color-estado-error: #D97B62;
    --mc-color-borde-separador: #352B21;
  }
}

:root[data-tema="claro"] {
  --mc-color-fondo-base: #FBF6EF;
  --mc-color-fondo-elevado: #F4EBDE;
  --mc-color-fondo-blur-overlay: #FBF6EFB8;
  --mc-color-texto-primario: #2B2320;
  --mc-color-texto-secundario: #6B5F54;
  --mc-color-texto-sobre-acento: #FBF6EF;
  --mc-color-texto-realce-display: #C2683F;
  --mc-color-burbuja-mia-fondo: #ECE3D8;
  --mc-color-burbuja-mia-texto: #2B2320;
  --mc-color-burbuja-usuario-fondo: #2B2320;
  --mc-color-burbuja-usuario-texto: #FBF6EF;
  --mc-color-acento-base: #C2683F;
  --mc-color-marca-suelo: #1A2140;
  --mc-color-estado-exito: #4E6B51;
  --mc-color-estado-atencion: #8A5B22;
  --mc-color-estado-error: #8F3B2A;
  --mc-color-borde-separador: #E7DCCC;
}

:root[data-tema="noche"] {
  --mc-color-fondo-base: #17120D;
  --mc-color-fondo-elevado: #211A12;
  --mc-color-fondo-blur-overlay: #17120DB8;
  --mc-color-texto-primario: #ECE3D8;
  --mc-color-texto-secundario: #B6A794;
  --mc-color-texto-sobre-acento: #2B2320;
  --mc-color-texto-realce-display: #E0A35E;
  --mc-color-burbuja-mia-fondo: #352B21;
  --mc-color-burbuja-mia-texto: #ECE3D8;
  --mc-color-burbuja-usuario-fondo: #ECE3D8;
  --mc-color-burbuja-usuario-texto: #2B2320;
  --mc-color-acento-base: #E28A5A;
  --mc-color-marca-suelo: #1A2140;
  --mc-color-estado-exito: #96B295;
  --mc-color-estado-atencion: #E0A35E;
  --mc-color-estado-error: #D97B62;
  --mc-color-borde-separador: #352B21;
}