/* La Barveria Hair Club — generado desde tokens.json */
@font-face{font-family:"Mattone";src:url("fonts/Mattone-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Mattone";src:url("fonts/Mattone-Bold.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Host Grotesk";src:url("fonts/HostGrotesk-Variable.ttf") format("truetype");font-weight:300 800;font-display:swap}
@font-face{font-family:"Apfel Grotezk";src:url("fonts/ApfelGrotezk-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Apfel Grotezk";src:url("fonts/ApfelGrotezk-Mittel.woff2") format("woff2");font-weight:500;font-display:swap}
:root,[data-theme="crema"]{--crema:#f7e5bb;--crema-clara:#fbf1d6;--crema-tostada:#efdaa8;--crema-filete:#e0c991;--crema-apagada:#d4c09a;--cafe:#302216;--cafe-apagado:#6a5440;--cafe-marca-agua:#4a382b;--cafe-alto:#3b2a1c;--cafe-profundo:#271b11;--cobalto:#004a9e;--cobalto-claro:#86b6ff;--gris-papel:#e4e4e4;--gris-marca-agua:#dadada;--negro-tinta:#111111;--velo:rgba(48, 34, 22, 0.18);--superficie:var(--crema);--superficie-alta:var(--crema-clara);--superficie-baja:var(--crema-tostada);--tinta:var(--cafe);--tinta-suave:var(--cafe-apagado);--filete:var(--crema-filete);--filete-fuerte:var(--cafe);--acento:var(--cobalto);--sobre-acento:var(--crema);--acento-texto:var(--cobalto);--foco:var(--cobalto);--inversa:var(--cafe);--sobre-inversa:var(--crema);--marca-agua:var(--cafe-marca-agua);}
[data-theme="cafe"]{--superficie:var(--cafe);--superficie-alta:var(--cafe-alto);--superficie-baja:var(--cafe-profundo);--tinta:var(--crema);--tinta-suave:var(--crema-apagada);--filete:var(--cafe-marca-agua);--filete-fuerte:var(--crema);--acento-texto:var(--cobalto-claro);--foco:var(--cobalto-claro);--inversa:var(--crema);--sobre-inversa:var(--cafe);--marca-agua:var(--crema-tostada);color-scheme:dark}
:root{--espacio-1:4px;--espacio-2:8px;--espacio-3:16px;--espacio-4:24px;--espacio-5:32px;--espacio-6:48px;--espacio-7:64px;--espacio-8:96px;--espacio-9:160px;--radio-0:0px;--radio-1:2px;--radio-circulo:9999px;--ancho-contenido:1200px;--ancho-texto:700px;--font-rotulo:"Mattone", "Host Grotesk", system-ui, sans-serif;--font-texto:"Host Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-apfel:"Apfel Grotezk", "Host Grotesk", system-ui, sans-serif;}
.rotulo-xl{font-family:var(--font-rotulo);font-size:56px;line-height:64px;font-weight:400;letter-spacing:0.18em}
.rotulo-l{font-family:var(--font-rotulo);font-size:32px;line-height:40px;font-weight:400;letter-spacing:0.22em}
.rotulo-m{font-family:var(--font-rotulo);font-size:14px;line-height:22px;font-weight:400;letter-spacing:0.3em}
.etiqueta{font-family:var(--font-rotulo);font-size:11px;line-height:16px;font-weight:400;letter-spacing:0.37em}
.destacado{font-family:var(--font-texto);font-size:32px;line-height:44px;font-weight:300;letter-spacing:-0.01em}
.entradilla{font-family:var(--font-texto);font-size:20px;line-height:32px;font-weight:400}
.cuerpo{font-family:var(--font-texto);font-size:16px;line-height:26px;font-weight:400}
.dato{font-family:var(--font-texto);font-size:15px;line-height:22px;font-weight:500;letter-spacing:0.04em}
.telefono{font-family:var(--font-texto);font-size:24px;line-height:30px;font-weight:500}
.nota{font-family:var(--font-texto);font-size:13px;line-height:20px;font-weight:400}