/*
Theme Name: Unidos por el Tenis (upt-theme)
Theme URI: https://unidosportenis.org/
Author: Unidos por el Tenis
Description: Tema propio del portal "Unidos por el Tenis": identidad visual, accesibilidad y paridad de las rutas públicas. Construido con WordPress core, sin dependencias de pago.
Version: 0.1.0
Requires PHP: 8.3
Requires at least: 6.5
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: upt-theme
Tags: blog, accessibility-ready, custom-menu, editor-style
*/

/*
Base visual del tema.
La hoja de estilos principal se genera desde assets/ y se encola versionada
(ver functions.php). Aquí se mantienen los estilos mínimos del tema base para
que el frontend sea usable incluso antes de que se carguen los activos de la
historia de usuario (T017).

Paleta (fuente: brand manual / tema Astro):
  --brand-green:  #a0c62f
  --brand-blue:   #3a62a8
  --brand-blue-dark: #183b78
  --brand-yellow: #f8df27
  --brand-black:  #0b0b0b
*/

:root {
	color-scheme: light;
	--upt-green: #a0c62f;
	--upt-blue: #3a62a8;
	--upt-blue-dark: #183b78;
	--upt-yellow: #f8df27;
	--upt-black: #0b0b0b;
	--upt-white: #ffffff;
	--upt-text: #111827;
	--upt-text-muted: #526071;
	--upt-surface: #ffffff;
	--upt-surface-alt: #f5f7fb;
	--upt-border-soft: #dbe4f0;
	--font-body: "Montserrat", "Segoe UI", system-ui, sans-serif;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	font-family: var(--font-body);
	line-height: 1.6;
	color: var(--upt-text);
	background-color: var(--upt-surface);
	-webkit-font-smoothing: antialiased;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 0.5em;
	font-weight: 800;
	line-height: 1.12;
	color: var(--upt-blue-dark);
}

a {
	color: inherit;
	text-decoration: none;
}

/* Enlace de salto al contenido, accesible por teclado. */
.skip-link {
	position: absolute;
	top: -40px;
	left: 16px;
	padding: 8px 12px;
	background: var(--upt-yellow);
	color: var(--upt-black);
	border-radius: 999px;
	z-index: 1000;
}

.skip-link:focus {
	top: 16px;
}

/* Foco visible para navegación con teclado (FR-007, SC-008). */
:focus-visible {
	outline: 3px solid var(--upt-yellow);
	outline-offset: 2px;
}

/* Contenido de una sola línea, visible solo para lectores de pantalla. */
.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.upt-container {
	width: min(1120px, 92vw);
	margin: 0 auto;
}