/*
Theme Name: Srta Realidad
Theme URI: https://srtarealidad.com
Description: Tema hijo de GeneratePress para la web de la autora Cristina Morales Álvarez (Srta Realidad). Dirección de diseño «Papel y tinta · violeta Reflexiones»: shell minimalista de línea continua sobre papel casi blanco, con el violeta concentrado en la tinta y en las bandas de sección. Producido por Xpandex.
Author: Xpandex
Author URI: https://xpandex.es
Template: generatepress
Version: 0.1.0
Requires at least: 6.5
Tested up to: 7.0
Requires PHP: 8.0
Text Domain: srtarealidad
*/

/* ============================================================
   TOKENS — Dirección B · Papel y tinta · violeta Reflexiones
   Paleta derivada de la portada reflexiones.jpeg (elegida por la
   autora el 2026-08-03; comparativa en _design-explorations/paleta-lila.html).

   Los violetas de la portada son demasiado claros para texto — el más
   oscuro (#82638E) da 4,31:1 sobre su propio fondo. Estos tokens conservan
   el matiz y bajan la luminosidad hasta cumplir WCAG AA, verificados contra
   los CUATRO fondos en que aparece texto (surface, surface-2, blush,
   blush-deep), no solo el más favorable.

   Regla de uso: el papel es casi blanco con un velo lila (sostiene el texto
   largo y deja respirar a las portadas del catálogo); el lila empolvado se
   reserva para hero/bandas de sección; el violeta profundo para titulares.
   Cada ficha de libro sobrescribe --sr-accent con el color de su portada.
   ============================================================ */
:root {
  /* Superficies */
  --sr-surface:      #FBF7FC; /* fondo de página (casi blanco con velo lila) */
  --sr-surface-2:    #F3EAF6; /* tarjetas / bloques suaves */
  --sr-blush:        #EBDDF2; /* tinte de sección / hero (lila de «Reflexiones») */
  --sr-blush-deep:   #DDC9E8; /* banda de acento más marcada */
  --sr-ink-deep:     #1F1229; /* fondo violeta profundo (footer / modo oscuro puntual) */

  /* Tinta y texto */
  --sr-ink:          #5D1D7D; /* titulares (violeta profundo) — 7,0:1 en el peor fondo */
  --sr-text:         #1E1B22; /* cuerpo (casi negro con sesgo frío) — 11,0:1 */
  --sr-muted:        #724987; /* texto secundario / eyebrows — 4,5:1 en el peor fondo */

  /* Acentos (heredables por portada en fichas de libro) */
  --sr-accent:       #802AC1; /* violeta — botones, chips — 4,5:1 / blanco encima 7,0:1 */
  --sr-accent-hover: #671E9F; /* estado hover / enlaces de texto — 6,0:1 */
  --sr-rose:         #A551BF; /* trazo de línea / detalles (no lleva texto) */

  /* Líneas y estados */
  --sr-line:         #DCC8E5; /* bordes suaves */
  --sr-on-accent:    #FFFFFF; /* texto sobre acento */
  --sr-focus:        #5D1D7D; /* anillo de foco visible */

  /* Tipografía */
  --sr-font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --sr-font-body:    'Mulish', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --sr-font-script:  'Sacramento', 'Segoe Script', cursive;

  /* Escala tipográfica (fluida) */
  --sr-step--1: clamp(0.83rem, 0.79rem + 0.2vw, 0.94rem);
  --sr-step-0:  clamp(1rem, 0.95rem + 0.25vw, 1.13rem);
  --sr-step-1:  clamp(1.2rem, 1.1rem + 0.5vw, 1.5rem);
  --sr-step-2:  clamp(1.5rem, 1.3rem + 1vw, 2.1rem);
  --sr-step-3:  clamp(1.95rem, 1.6rem + 1.7vw, 3rem);
  --sr-step-4:  clamp(2.4rem, 1.9rem + 2.6vw, 4rem);

  /* Espaciado y forma */
  --sr-radius:    12px;
  --sr-radius-sm: 8px;
  --sr-shadow:    0 10px 30px -18px rgba(93, 29, 125, 0.35);
  --sr-container: 1120px;
  --sr-ease:      cubic-bezier(0.22, 1, 0.36, 1);
}

/* Fuentes self-host (RGPD — nunca CDN de Google en producción). Se cargan por @font-face en assets/css/fonts.css */