feat: tipografía Quicksand (body) + Host Grotesk (titulares); Arista Pro solo en wordmark de marca

This commit is contained in:
Mauri
2026-06-09 10:48:58 -03:00
parent 46af1316de
commit e0becb9690
5 changed files with 35 additions and 9 deletions
+10 -6
View File
@@ -9,10 +9,12 @@
font-display: swap;
}
@import "@fontsource/mulish/400.css";
@import "@fontsource/mulish/500.css";
@import "@fontsource/mulish/600.css";
@import "@fontsource/mulish/700.css";
@import "@fontsource-variable/host-grotesk";
@import "@fontsource/quicksand/300.css";
@import "@fontsource/quicksand/400.css";
@import "@fontsource/quicksand/500.css";
@import "@fontsource/quicksand/600.css";
@import "@fontsource/quicksand/700.css";
@import "@fontsource/cormorant-garamond/400.css";
@import "@fontsource/cormorant-garamond/500.css";
@@ -25,8 +27,9 @@
--color-hds-durazno: #FFCBA1;
--color-hds-tinta: #1A1612;
--font-display: 'Arista Pro Alternate', 'Mulish', system-ui, sans-serif;
--font-sans: 'Mulish', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
--font-sans: 'Quicksand', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
--font-display: 'Host Grotesk', 'Quicksand', system-ui, sans-serif;
--font-brand: 'Arista Pro Alternate', 'Host Grotesk', system-ui, sans-serif;
--font-editorial: 'Cormorant Garamond', Georgia, serif;
--tracking-display: -0.02em;
@@ -89,6 +92,7 @@
@layer components {
.font-display { font-family: var(--font-display); }
.font-editorial { font-family: var(--font-editorial); }
.font-brand { font-family: var(--font-brand); letter-spacing: 0.01em; }
.eyebrow {
display: inline-flex;