/* ═══════════════════════════════════════════════════════════════ MEDICINA TOROIDAL · LA PALETA MADRE ─────────────────────────────────────────────────────────────── La fuente única de la identidad visual del sitio. Cada color vive aquí una sola vez, con nombre propio; cambiarlo aquí lo cambia en todas las páginas que consumen el token. PREFIJO --mt- → elegido porque NINGUNA página lo usaba: los tokens no pueden pisar ninguna variable existente, sin importar en qué orden se cargue este archivo. Adoptar la paleta es opt-in. CÓMO SE ADOPTA (sin cambiar cómo se ve una página): 1. en el . 2. En el :root de la página, cambiar el VALOR por el token: --gold: var(--mt-gold-antique); (antes: #e2b850) Los nombres propios de la página se conservan, así todo el CSS que ya usa var(--gold) sigue funcionando igual. Solo migrar cuando el valor es IDÉNTICO al token: la migración unifica el origen, nunca altera el color. LOS DOS CLIMAS DEL SITIO (ambos legítimos, no unificar a la fuerza): "nocturno azul" (biblioteca, bitácora, escuela, I Ching, puente) y "violeta profundo" (tarot, flores, perfil, diario, luna y la mayoría). Comparten familia de oro pero distinto fondo. ═══════════════════════════════════════════════════════════════ */ :root { /* ── ORO · el acento de la casa ───────────────────────────── Cuatro grados del mismo metal, todos en uso real hoy. */ --mt-gold: #f0cc60; /* luminoso — el más extendido (26 páginas) */ --mt-gold-warm: #e8c46a; /* cálido — títulos y sigilos */ --mt-gold-antique: #e2b850; /* sobrio — clima nocturno azul */ --mt-gold-deep: #c9a84c; /* profundo — el hex más usado del sitio */ /* ── ROSA · lo floral y lo afectivo ────────────────────────── */ --mt-rose: #d4789a; /* rosa de marca (flores, diario, perfil) */ --mt-rose-soft: #f0a0c8; /* rosa claro — tarjetas florales */ --mt-rose-vivid: #f472b6; /* rosa vivo — clima nocturno azul */ /* ── VIOLETA · lo simbólico y lo onírico ───────────────────── */ --mt-violet: #a78bfa; --mt-violet-soft: #b8a0f8; --mt-violet-deep: #6a3fa0; /* ── TEAL · el telar, lo que conecta ───────────────────────── */ --mt-teal: #3ddec8; --mt-teal-deep: #2dd4bf; --mt-teal-pale: #8ee6d5; /* etiquetas del telar */ /* ── AZUL · lo mental y lo celeste ─────────────────────────── */ --mt-blue: #78c4f8; /* ── FONDOS ────────────────────────────────────────────────── */ --mt-night: #020617; /* nocturno azul — fondo */ --mt-night-soft: #0f172a; --mt-deep: #060a14; /* profundo neutro */ --mt-void: #080713; /* violeta casi negro */ --mt-purple-deep: #0f061e; /* morado profundo de marca */ --mt-surface-warm: #180e27; /* superficie violeta (perfil) */ /* ── TEXTO ─────────────────────────────────────────────────── */ --mt-on: #f8fafc; /* texto máximo contraste */ --mt-text: #e8e0f0; /* texto cálido (clima violeta) */ --mt-silver: #cbd5e1; /* secundario frío */ --mt-silver-warm: #a8b8d0; /* secundario cálido */ --mt-dim: #94a3b8; /* apagado */ /* ── LÍNEAS ────────────────────────────────────────────────── */ --mt-line: rgba(255, 255, 255, 0.08); --mt-line-gold: rgba(240, 204, 96, 0.14); /* ── TIPOGRAFÍAS ───────────────────────────────────────────── */ --mt-font-title: 'Cinzel', serif; --mt-font-body: 'Cormorant Garamond', serif; }