/*
Theme Name: franciscoprog
Theme URI: https://franciscoprog.online
Description: Tema propio del portfolio de Francisco. Clásico en PHP, sin tema padre y sin page builders: todo el diseño es código.
Author: Francisco Marín
Version: 0.1.0
Requires at least: 6.4
Requires PHP: 8.2
Text Domain: franciscoprog
*/

/* Paleta heredada del sitio anterior (docs/referencia/README.md). */
:root {
	--fp-fondo: #212b37;
	--fp-fondo-oscuro: #0f172a;
	--fp-texto: #ffffff;
	--fp-tenue: #a9b4c2;
	--fp-acento: #2879fe;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	margin: 0;
	background: var(--fp-fondo);
	color: var(--fp-texto);
	font: 16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* Portada provisoria: centrada, una sola pantalla. */
.fp-aviso {
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	max-width: 960px;
	margin: 0 auto;
	padding: 3rem 1.25rem;
}

.fp-marca {
	margin: 0 0 2.5rem;
	font-size: .9rem;
	font-weight: 600;
	letter-spacing: .22em;
	color: var(--fp-tenue);
}

.fp-aviso h1 {
	margin: 0;
	font-size: clamp(2.25rem, 7vw, 4rem);
	line-height: 1.1;
	font-weight: 700;
}

.fp-rol {
	margin: .5rem 0 0;
	font-size: clamp(1.1rem, 3vw, 1.5rem);
	color: var(--fp-acento);
	font-weight: 600;
}

.fp-tenue {
	margin: 2rem 0 0;
	color: var(--fp-tenue);
	max-width: 32ch;
}

.fp-contacto {
	list-style: none;
	margin: 1.5rem 0 0;
	padding: 0;
	display: grid;
	gap: .5rem;
}

.fp-contacto a {
	color: var(--fp-texto);
	text-decoration: underline;
	text-decoration-color: var(--fp-acento);
	text-decoration-thickness: 2px;
	text-underline-offset: .3em;
}

.fp-contacto a:hover,
.fp-contacto a:focus-visible {
	color: var(--fp-acento);
}