/* ============================================================ PAPÁS DE MICHOACÁN — TOKENS Dirección: "EXPEDIENTE". El mundo visual de esta página es el de un expediente familiar: tinta, papel oficial, sellos de goma y fechas contadas. Nada de martillos, balanzas ni siluetas tristes. ============================================================ */ :root { /* --- Núcleo --- */ --tinta: #101820; /* casi negro azulado — tinta de expediente */ --expediente: #0E4B54; /* petróleo institucional — autoridad, la ley */ --expediente-h:#0B3A41; /* su versión honda, para hovers y fondos */ --sello: #B03A2E; /* rojo de sello de goma — SOLO ausencia y denuncia */ --ambar: #E5A03C; /* ámbar cálido — presencia, acción, el hijo */ /* --- Papel y neutros --- */ --hoja: #FBFAF8; /* superficie de lectura */ --hoja-2: #F2F3F0; /* bandas alternas */ --margen: #E0E4E1; /* reglas, bordes, cuadrícula */ --gris: #5F6B72; /* texto secundario */ /* --- Semánticos --- */ --bg: var(--hoja); --bg-soft: var(--hoja-2); --bg-dark: var(--tinta); --text: var(--tinta); --text-soft: var(--gris); --text-invert: #FBFAF8; --border: var(--margen); /* Contraste verificado sobre --hoja (#FBFAF8): tinta 15.8:1 · gris 5.4:1 · expediente 8.4:1 · sello 5.6:1 Sobre --tinta: hoja 15.8:1 · ámbar 8.9:1 ⚠️ El ámbar NUNCA es texto sobre papel claro (2.1:1). Es fondo con texto --tinta encima (8.2:1), o texto sobre --tinta. */ --ambar-texto: #8A5A0B; /* única variante del ámbar válida como texto (5.1:1) */ /* --- Tipografía --- Display: Bricolage Grotesque — grotesca con carácter institucional raro. Cuerpo: Source Serif 4 — es un documento; se lee largo y en celular. Datos: IBM Plex Mono — artículos, fechas, la bitácora. */ --font-display: 'Bricolage Grotesque', system-ui, sans-serif; --font-body: 'Source Serif 4', Georgia, serif; --font-mono: 'IBM Plex Mono', ui-monospace, monospace; /* --- Escala --- */ --fs-hero: clamp(2.1rem, 6.2vw, 4.2rem); --fs-h1: clamp(1.9rem, 4.6vw, 3rem); --fs-h2: clamp(1.45rem, 3.2vw, 2.1rem); --fs-h3: clamp(1.15rem, 2vw, 1.4rem); --fs-body: clamp(1.02rem, 1.05vw, 1.14rem); --fs-small: 0.86rem; --fs-micro: 0.74rem; /* --- Ritmo --- */ --r-sm: 3px; --r-md: 6px; /* casi recto: es papelería, no una app */ --shadow-sm: 0 1px 2px rgba(16,24,32,.06), 0 2px 8px rgba(16,24,32,.05); --shadow-md: 0 4px 12px rgba(16,24,32,.08), 0 12px 32px rgba(16,24,32,.07); --ease: cubic-bezier(.22,.61,.36,1); --maxw: 1180px; --maxw-lectura: 68ch; /* medida de lectura para texto legal largo */ } /* NOTA — Fuentes: se cargan en el de cada página. */