Sustituir Italiana por fuente del sistema (system-ui/Segoe UI)

La fuente Italiana era demasiado fina y difícil de leer.
Reemplazada por la pila de fuentes del sistema en body, botones,
chips de redes, sublabels e input de email.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
hacklab 2026-04-07 12:44:41 +02:00
parent f6193e8794
commit 7507b3b8e3

View file

@ -70,14 +70,13 @@
html { scroll-behavior: smooth; }
body {
font-family: 'Italiana', 'Georgia', serif;
font-size: 1.08rem;
font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
font-size: 1.05rem;
font-weight: 400;
background: var(--bg);
color: var(--text);
line-height: 1.65;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
-webkit-font-smoothing: antialiased;
}
/* ── Títulos con Recion ── */
@ -641,9 +640,10 @@ a:hover { color: var(--caoba-mid); text-decoration: underline; }
justify-content: center;
padding: 0.8rem 1.8rem;
border-radius: 12px;
font-family: 'Italiana', 'Georgia', serif;
font-size: 1.15rem;
letter-spacing: 0.04em;
font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size: 1.05rem;
font-weight: 500;
letter-spacing: 0.02em;
color: var(--text);
background: var(--surface);
border: 1.5px solid var(--border);
@ -727,8 +727,8 @@ a:hover { color: var(--caoba-mid); text-decoration: underline; }
outline: none;
box-shadow: var(--shadow-sm);
transition: border-color 150ms ease, box-shadow 150ms ease;
font-family: 'Italiana', 'Georgia', serif;
letter-spacing: 0.03em;
font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
letter-spacing: 0.01em;
}
.email-input:focus {
border-color: var(--caoba);
@ -748,8 +748,9 @@ a:hover { color: var(--caoba-mid); text-decoration: underline; }
.networks-section { margin-bottom: 2rem; }
.networks-sublabel {
font-family: 'Italiana', 'Georgia', serif;
font-size: 0.88rem;
font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--muted);