/* ════════════════════════════════════════════════════════════════════
   MARCA — el ÚNICO archivo con colores de toda la web.
   Si la auditoría de branding cambia la paleta, se cambia aquí y nada más.
   (build.py avisa si aparece un color suelto en cualquier otro archivo.)
   ════════════════════════════════════════════════════════════════════ */
:root {
  /* Paleta base */
  --ciruela: #1A0914;          /* fondo de marca */
  --ciruela-2: #2A0F22;        /* tinta: texto sobre fondos claros */
  --ciruela-3: #3A1530;        /* superficies sobre ciruela */
  --ciruela-brillo: #5A1747;   /* resplandor de los degradados */
  --rosa: #FFA5E4;
  --magenta: #FF6FC8;
  --magenta-osc: #D63FA6;
  --magenta-tinta: #8E2A72;
  --papel: #FFF7FB;
  --rosa-suave: #FBE6F3;
  --blanco: #FFFFFF;
  --gris-ciruela: #6B3A5C;

  /* Transparencias derivadas */
  --linea-rosa: rgba(255, 165, 228, .22);
  --linea-rosa-fuerte: rgba(255, 165, 228, .45);
  --velo-blanco: rgba(255, 255, 255, .08);
  --texto-claro-suave: rgba(255, 255, 255, .82);
  --sombra-magenta: rgba(255, 111, 200, .35);
  --sombra-ciruela: rgba(26, 9, 20, .18);

  /* Página de venta (añadidos 12-nov; ver revision/web_diseno.md y web_plan_final.md) */
  --oro: #FFC94D;                      /* precio y sellos: 12,6:1 sobre ciruela */
  --oro-velo: rgba(255, 201, 77, .12);
  --oro-linea: rgba(255, 201, 77, .55);
  --whatsapp: #25D366;                 /* solo el botón de WhatsApp; texto ciruela encima (9,7:1) */
  --ciruela-cristal: rgba(26, 9, 20, .94);   /* barra de compra fija */
  --sombra-libro: rgba(8, 2, 6, .55);
  --lomo-sombra: rgba(26, 9, 20, .30);
  --lomo-brillo: rgba(255, 255, 255, .30);

  /* Estilo de la portada G2 (12-nov noche): el rosa de estudio de la portada y de las fotos de Marianni */
  --rosa-estudio: #FCB5D4;             /* medido en la portada y en las 9 fotos de fotos_g2/ (ciruela encima: 11,6:1) */
  --rosa-estudio-claro: #FFD9EC;       /* secciones rosas alternas (ciruela encima: 13:1) */
  --rosa-estudio-hondo: #F49AC4;       /* bordes del estudio y sombras suaves */
  --texto-ciruela-suave: rgba(26, 9, 20, .78);   /* texto secundario sobre rosa (6,9:1) */
  --linea-ciruela: rgba(26, 9, 20, .16);
  --linea-ciruela-fuerte: rgba(26, 9, 20, .38);
  --sombra-rosa: rgba(90, 23, 71, .30);
  --brillo-boton: rgba(255, 255, 255, .42);

  /* Cajas de la guía (modo claro) */
  --ciencia-fondo: #F3ECFF;
  --ciencia-borde: #8B5CF6;
  --ciencia-titulo: #6D3FD1;
  --ciencia-texto: #2A1740;
  --prueba-fondo: #FFF1D6;
  --prueba-titulo: #A0620A;
  --ok: #1F8A5B;
  --error: #B42318;

  /* Lector y muestra: tema CLARO (por defecto) */
  --l-fondo: #FFFBFD;
  --l-texto: var(--ciruela-2);
  --l-suave: var(--gris-ciruela);
  --l-titulo: var(--ciruela);
  --l-acento: var(--magenta-tinta);  /* AA en etiquetas pequeñas sobre fondo claro (antes magenta-osc daba 3,9:1) */
  --l-acento-2: var(--magenta-tinta);
  --l-tarjeta: var(--papel);
  --l-borde: var(--rosa-suave);
  --l-resalte: var(--rosa-suave);
  --l-barra: var(--blanco);
  --l-marca-agua: rgba(26, 9, 20, .075);
  --l-oscuro: var(--ciruela);        /* bloques que siempre van en ciruela (citas, cajas) */
  --l-oscuro-borde: var(--ciruela-3);
  /* Lector en portátil (13-nov, lector pro): la mesa, la hoja de papel, el lomo del centro y el velo del índice */
  --l-mesa: #F3E6ED;
  --l-papel: #FFFDFE;
  --l-papel-canto: #EEDCE6;
  --l-papel-sombra: rgba(58, 21, 48, .20);
  --l-papel-sombra-2: rgba(58, 21, 48, .08);
  --l-lomo: rgba(58, 21, 48, .05);
  --l-lomo-fuerte: rgba(58, 21, 48, .13);
  --l-velo: rgba(26, 9, 20, .34);
}

/* Lector: tema OSCURO */
[data-tema="oscuro"] {
  --l-fondo: var(--ciruela);
  --l-texto: #F5E6EF;
  --l-suave: #D9B3CB;
  --l-titulo: var(--blanco);
  --l-acento: var(--magenta);
  --l-acento-2: var(--rosa);
  --l-tarjeta: #26101F;
  --l-borde: var(--ciruela-3);
  --l-resalte: #3A1530;
  --l-barra: #140710;
  --l-marca-agua: rgba(255, 165, 228, .07);
  --l-oscuro: #2E1027;
  --l-oscuro-borde: #4A1C3D;
  --ciencia-fondo: #221637;
  --ciencia-borde: #A78BFA;
  --ciencia-titulo: #C4B0FF;
  --ciencia-texto: #E9E0FF;
  --prueba-fondo: #33240E;
  --prueba-titulo: #F2C27A;
  --ok: #4ADE9B;
  --error: #FF8A80;
  --l-mesa: #0C0309;
  --l-papel: #1C0A17;
  --l-papel-canto: #2C1126;
  --l-papel-sombra: rgba(0, 0, 0, .62);
  --l-papel-sombra-2: rgba(0, 0, 0, .30);
  --l-lomo: rgba(0, 0, 0, .16);
  --l-lomo-fuerte: rgba(0, 0, 0, .42);
  --l-velo: rgba(0, 0, 0, .58);
}