/*  Los colores del juego, y en NINGÚN otro sitio hay un hex escrito a mano.
 *
 *  Están leídos de `scripts/ui/ui_skin.gd` del repositorio del juego, no elegidos
 *  aquí: es la única forma de que una captura de partida y la página convivan en la
 *  misma pantalla sin parecer un collage. Si el juego cambia de paleta, se cambia
 *  este archivo y nada más.
 *
 *  ⚠️ El `default_clear_color` del motor es #0B0E15, que NO es este. El fondo de la
 *  web es el de la interfaz, #0b0e1a, porque es el negro que el jugador tiene
 *  delante el 99 % del tiempo. Los dos negros existen y no son el mismo; decir que
 *  sí lo son era una de las cosas que el escéptico tumbó del plan.
 */
:root {
	color-scheme: dark;

	/*  Fondos */
	--abismo: #0b0e1a;		/* ui_skin.gd COLOR_BG */
	--panel: #11152a;		/* ui_skin.gd COLOR_PANEL */

	/*  Texto. Los contrastes están medidos sobre --abismo, no estimados. */
	--texto: #e8eaff;		/* 16,16:1 */
	--apagado: #8a8575;		/* 5,21:1 — el suelo duro es 4,5:1 */

	/*  Acentos */
	--oro: #e8c66b;			/* 11,65:1 — la decisión, el foco, el ascenso */
	--cian: #46d8e6;		/* 11,20:1 — SOLO para la costura. Una cosa. */

	/*  Atmósfera. El verde-gris del humo es el único color que no sale del juego:
	 *  es cobre oxidado de Malkuth, y solo se usa como velo por debajo del 10 %. */
	--humo: #47584e;
	--piedra: #3f3a34;

	/*  Tipografía. Marcellus SC es romano lapidario: letra GRABADA en piedra, que es
	 *  el material de Malkuth, y tiene un solo peso — la piedra no tiene negritas, y
	 *  esa limitación es la disciplina que evita el ruido. Deliberadamente NO es
	 *  Cinzel, que es la fuente por defecto de todo lo esotérico de catálogo.
	 *
	 *  El cuerpo va en la pila del sistema: cero bytes y una serif real en cualquier
	 *  teléfono. */
	--display: "Marcellus SC", Georgia, "Times New Roman", serif;
	--cuerpo: Georgia, "Iowan Old Style", "Palatino Linotype", "Times New Roman", serif;

	/*  Escala tipográfica. Ningún texto de cuerpo baja de 17 px: a pleno sol, sobre
	 *  un fondo casi negro, es lo que separa leer de adivinar. */
	--t-xs: 0.78rem;
	--t-s: 0.95rem;
	--t-m: 1.0625rem;	/* 17 px */
	--t-l: 1.3rem;
	/*  ⚠️ Los dos tamaños de la portada se miden contra el ALTO, no solo contra el
	 *  ancho. Atados solo a `vw`, en un portátil de 1536x735 el titular salía
	 *  enorme y empujaba la pregunta y las dos respuestas por debajo del pliegue
	 *  —o sea que la portada enseñaba una figura preciosa y se callaba justo lo
	 *  que tiene que decir—. */
	--t-xl: clamp(1.55rem, 4.4vh, 2.7rem);
	--t-xxl: clamp(2.2rem, min(9vw, 7.2vh), 4.2rem);

	/*  Ritmo */
	--gutter: 1.25rem;		/* el canalillo mínimo a cualquier ancho */
	--ancho: 34rem;			/* ~65 caracteres de lectura */
	--respiro: clamp(3.5rem, 10vw, 7rem);
}

/*  Más contraste si el sistema lo pide: se sube el texto, se apagan las partículas
 *  y los filetes suben de opacidad. Es la salida para quien lee a pleno sol. */
@media (prefers-contrast: more) {
	:root {
		--texto: #f4f1e6;
		--apagado: #c3bca8;
	}
}