/* ═══════════════════════════════════════════════════════════════════════
   Design system · Boudesseul Embracing Change
   Dirección C «Contraste y Evidencia»

   ESTE ARCHIVO ES LA ÚNICA FUENTE DE VERDAD DEL COLOR.
   Ningún otro CSS del tema declara literales hexadecimales; tests/
   test_css_lint.py lo verifica. theme.json repite estos valores porque
   WordPress lo exige, y tests/test_theme_json.py comprueba que no divergen.
   ═══════════════════════════════════════════════════════════════════════ */

:root {
	/* ── Color ────────────────────────────────────────────────────────
	   El coral viene del logo «oct 2024», no del dossier de diseño: ahí
	   figura #F04B63, que es una aproximación. Ver spec §2.3 y D9.

	   Reparto: negro 45% · blanco 45% · coral 10%.                      */

	--bd-ink: #111111;        /* fondo de las bandas negras; texto sobre blanco */
	--bd-paper: #FFFFFF;      /* fondo de las secciones claras; texto sobre negro */
	--bd-coral: #F04458;      /* marca. 5.10:1 sobre --bd-ink                   */
	--bd-coral-ink: #D6304A;  /* coral para texto pequeño SOBRE BLANCO. 4.79:1  */
	--bd-mute: #B9B9B9;       /* texto secundario y filetes. Solo sobre oscuro  */

	/* --bd-coral da 3.70:1 sobre blanco: sirve para texto grande (>=24px, o
	   >=19px en SemiBold) y para elementos no textuales, pero NO para cuerpo
	   de texto. Para eso está --bd-coral-ink.

	   --bd-mute da 1.96:1 sobre blanco: nunca como texto sobre blanco, solo
	   como filete.                                                            */

	/* ── Tipografía ──────────────────────────────────────────────────── */

	--bd-fuente: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
		Roboto, "Helvetica Neue", Arial, sans-serif;

	--bd-peso-normal: 400;
	--bd-peso-fuerte: 600;

	--bd-titular: 3.25rem;      /* 52px */
	--bd-titular-track: -0.032em;
	--bd-cifra: 3.375rem;       /* 54px */
	--bd-cuerpo: 1.03125rem;    /* 16.5px */
	--bd-cuerpo-alto: 1.65;

	/* ── Ritmo ────────────────────────────────────────────────────────
	   Escala de espaciado en múltiplos de 4px, para que el ritmo vertical
	   no dependa de números elegidos al azar en cada sección.            */

	--bd-e1: 0.5rem;    /*  8px */
	--bd-e2: 1rem;      /* 16px */
	--bd-e3: 1.5rem;    /* 24px */
	--bd-e4: 2.25rem;   /* 36px */
	--bd-e5: 3.5rem;    /* 56px */
	--bd-e6: 5.5rem;    /* 88px */
}