/**
 * NNCC — Tokens de diseño (única fuente de verdad)
 *
 * Contiene solo variables CSS (:root y body.page). Sin reglas de layout ni componentes.
 * Encolado como `nncc-tokens` antes de `style.css` del child (ver functions.php).
 *
 * Capas que consumen estos tokens:
 * - style.css (layout global, home, header…)
 * - nncc-internal.css (solo componentes .nncc-inner-*; no duplica tokens)
 * - nncc-eventos.css (eventos; depende de páginas internas)
 * - wpforms-nncc.css (formularios; alias --nncc-wpforms-*)
 */

/* -------------------------------------------------------------------------
   Paleta global + sistema de botones (sitio completo)
------------------------------------------------------------------------- */
:root {
	--nncc-yellow: #ffcc00;
	--nncc-black: #000000;
	--nncc-white: #ffffff;
	--nncc-btn-radius: 999px;
	--nncc-btn-padding-y: 0.75rem;
	--nncc-btn-padding-x: 1.35rem;
	--nncc-btn-font-weight: 800;
	--nncc-btn-transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease,
		box-shadow 0.2s ease, transform 0.2s ease;
	--nncc-transition: var(--nncc-btn-transition);
}

/* -------------------------------------------------------------------------
   Alcance páginas WordPress (body.page): lectura / internas / partials
------------------------------------------------------------------------- */
body.page {
	--nncc-inner-bordo: #6c303d;
	--nncc-inner-bordo-hover: #5a2833;
	--nncc-inner-bordo-soft: rgba(108, 48, 61, 0.07);
	--nncc-inner-bordo-line: rgba(108, 48, 61, 0.22);
	--nncc-inner-bg: #fafafa;
	--nncc-inner-bg-alt: #f0f0f0;
	--nncc-inner-text: #1f1f1f;
	--nncc-inner-text-muted: #4a4d4a;
	--nncc-inner-border: rgba(0, 0, 0, 0.08);
	--nncc-inner-yellow: var(--nncc-yellow);
	--nncc-inner-radius: 12px;
	--nncc-inner-radius-sm: 10px;
	--nncc-inner-max: 42rem;
	--nncc-inner-max-wide: 72rem;
	--nncc-inner-shadow-hover: 0 6px 20px rgba(0, 0, 0, 0.05);
}