/**
 * Capa de tokens — ÚNICO lugar del tema donde se escriben colores literales.
 * Regla de la casa: si un componente necesita un color, usa una variable
 * semántica de aquí. Nunca un hex, nunca «--burdeos».
 *
 * Piel de Enigma (IT-09): el libro de marca v1.0 aprobado (DEC-41) llevado a la
 * web según DEC-46 y DEC-47. Paleta del libro: oro #D2A767, carbón #1C1B1B,
 * marfil #F5F0E7, burdeos #5B2434, piedra #A69889. Con los contrastes medidos,
 * cada color tiene su sitio en cada tema: oro sobre marfil (1,95), piedra sobre
 * marfil (2,48) y burdeos sobre carbón (1,43) no se leen, así que en el claro el
 * oro solo adorna y en el oscuro el burdeos no se usa para texto. Los tonos que
 * no están en el libro salen de sus cinco colores (DEC-46) y llevan anotado su
 * contraste (WCAG) sobre el fondo y las dos superficies de su tema. Lo comprueba
 * tests/probar-contrastes.sh.
 *
 * CLARO en :root (la versión «carbón sobre marfil» del libro); el oscuro («oro
 * sobre carbón», la principal) se redefine en :root[data-theme="dark"], solo
 * tokens. Sin tema elegido, la página toma el del móvil u ordenador (DEC-45,
 * functions.php); sin JavaScript, el claro.
 */

:root {
	/* Tipografía del libro: Cormorant Garamond para títulos y frases, Manrope
	   para texto, navegación y datos. Mientras llegan, fuentes del sistema con
	   sus medidas ajustadas (los «respaldo» de theme.css, m-11). */
	--font-display: "Cormorant Garamond", "Cormorant respaldo", Georgia, serif;
	--font-body: "Manrope", "Manrope respaldo", system-ui, -apple-system, "Segoe UI", sans-serif;
	--font-ui: var(--font-body);
	--font-utility: var(--font-body);

	/* Escala fluida entre 390 px y 1440 px. Cormorant tiene el ojo pequeño:
	   sus títulos van más grandes que los de una letra de palo. */
	--text-display: clamp(2.375rem, 1.6rem + 3.4vw, 4.5rem);          /* 38 → 72 */
	--text-h1: clamp(2rem, 1.62rem + 1.56vw, 3rem);                   /* 32 → 48 */
	--text-h2: clamp(1.625rem, 1.39rem + 0.95vw, 2.25rem);            /* 26 → 36 */
	--text-name: clamp(1.375rem, 1.24rem + 0.57vw, 1.75rem);          /* 22 → 28 */
	--text-body: clamp(1rem, 0.977rem + 0.095vw, 1.0625rem);          /* 16 → 17 */
	--text-small: 0.9375rem;                                          /* 15 */
	--text-label: 0.75rem;                                            /* 12 */
	--leading-body: 1.65;
	--tracking-label: 0.2em;     /* los rótulos del libro («08 / PALETA») */
	--tracking-nav: 0.16em;
	--tracking-display: -0.005em;

	/* Objetivos táctiles (docs/nfr.md) */
	--tap-target: 44px;
	--tap-contact: 52px;

	/* Controles y barras de desplazamiento del navegador, en el tema de la página */
	color-scheme: light;

	/* Colores — TEMA CLARO: carbón sobre marfil */
	--color-bg: #F5F0E7;              /* marfil */
	--color-surface: #FBF8F3;         /* marfil aclarado */
	--color-surface-2: #EDE6DA;       /* marfil oscurecido */
	--color-border: #DCD2C2;          /* filetes de adorno (no marcan controles) */
	--color-border-strong: #8F8273;   /* bordes de controles: 3,3 · 3,5 · 3,0 */
	--color-text-primary: #1C1B1B;    /* carbón: 15,1 · 16,2 · 13,9 */
	--color-text-secondary: #675C51;  /* piedra oscurecida: 5,7 · 6,1 · 5,3 */
	--color-text-muted: #6B6054;      /* 5,4 · 5,8 · 4,9 */
	--color-accent: #5B2434;          /* burdeos, enlaces y detalles: 10,6 · 11,4 · 9,7 */
	--color-accent-text: #F5F0E7;     /* texto sobre el acento: 10,6 */
	--color-accent-decor: #D2A767;    /* oro: solo filetes y dibujos, nunca texto */
	--color-rotulo: #7E5F31;          /* oro tostado para rótulos: 5,2 · 5,6 · 4,8 */
	--color-logo: #1C1B1B;            /* versión «carbón sobre marfil» */
	--color-available: #2D6A4A;       /* señal «disponible» (DEC-46): 5,7 · 6,1 · 5,2 */
	--color-error: #9B1C1C;           /* señal de error: 7,2 · 7,7 · 6,6 */
	/* Botones principales y barra de llamada del móvil */
	--color-cta: #1C1B1B;
	--color-cta-text: #F5F0E7;        /* 15,1 */
	--color-llamada: #5B2434;
	--color-llamada-text: #F5F0E7;    /* 10,6 */
	/* Sobre fotografía y en el visor: igual en los dos temas. */
	--color-sobre-foto: #F5F0E7;
	--color-scrim: #121111;
	/* Portada «Pasarela» (UJ-16): la luz de estudio detrás de las poses, marfil
	   en los dos temas. En el claro es el color del fondo (la chica queda sobre
	   la página); en el oscuro se apaga hacia el carbón. */
	--color-luz-estudio: #F5F0E7;
	/* Máscaras (mask-image): solo cuenta la opacidad, no el color. */
	--mascara-opaca: #000;
	/* Sombra de los paneles que se abren */
	--sombra-panel: 0 18px 40px -24px rgba(0, 0, 0, 0.45);
}

:root[data-theme="dark"] {
	color-scheme: dark;

	/* Colores — TEMA OSCURO: oro sobre carbón */
	--color-bg: #1C1B1B;              /* carbón */
	--color-surface: #252322;
	--color-surface-2: #2D2A28;
	--color-border: #3A3533;
	--color-border-strong: #A69889;   /* piedra: 6,1 · 5,6 · 5,1 */
	--color-text-primary: #F5F0E7;    /* marfil: 15,1 · 13,8 · 12,6 */
	--color-text-secondary: #A69889;  /* piedra: 6,1 · 5,6 · 5,1 */
	--color-text-muted: #A69889;
	--color-accent: #D2A767;          /* oro: 7,7 · 7,1 · 6,4 */
	--color-accent-text: #1C1B1B;     /* 7,7 */
	--color-accent-decor: #D2A767;
	--color-rotulo: #D2A767;
	--color-logo: #D2A767;            /* versión principal «oro sobre carbón» */
	--color-available: #86C3A0;       /* 8,5 · 7,7 · 7,0 */
	--color-error: #F0A3A3;           /* 8,6 · 7,8 · 7,1 */
	--color-cta: #D2A767;
	--color-cta-text: #1C1B1B;        /* 7,7 */
	--color-llamada: #D2A767;
	--color-llamada-text: #1C1B1B;
}