+
{service.description}
diff --git a/app/globals.css b/app/globals.css
index 3838add..6d71c8d 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -55,6 +55,7 @@
--font-display: var(--font-space-grotesk), sans-serif;
--font-hero: var(--font-monument-extended), sans-serif;
--font-mono: var(--font-geist-mono), monospace;
+ --font-body: var(--font-display);
--ease-out: cubic-bezier(0.16, 1, 0.3, 1);
--ease-in: cubic-bezier(0.4, 0, 1, 1);
}
@@ -197,6 +198,24 @@ svg {
max-width: 100%;
}
+/* Texto corrido em sans (leitura); a monoespacada fica nos rotulos, tags e metadados.
+ :where() mantem especificidade zero: classes de componente e utilitarios continuam mandando. */
+:where(main, footer) :where(p, li, dd) {
+ font-family: var(--font-body);
+}
+
+:where(
+ .ds-eyebrow,
+ .ds-kicker,
+ .ds-tag,
+ .ds-metric,
+ .quality-code,
+ .quality-hint,
+ .quality-disclaimer
+ ) {
+ font-family: var(--font-mono);
+}
+
@supports (overflow: clip) {
html,
body {
@@ -326,8 +345,8 @@ textarea {
.ds-section-description {
max-width: 58ch;
color: rgba(10, 10, 10, 0.74);
- font-size: 14px;
- line-height: 1.82;
+ font-size: 15px;
+ line-height: 1.7;
}
.ds-grid-2,
@@ -382,8 +401,8 @@ textarea {
.ds-copy {
margin-top: var(--sp-4);
color: var(--ink-80);
- font-size: 14px;
- line-height: 1.8;
+ font-size: 16px;
+ line-height: 1.6;
flex-grow: 1;
}
@@ -497,8 +516,8 @@ textarea {
.ds-list {
margin-top: var(--sp-5);
padding-left: 18px;
- font-size: 14px;
- line-height: 1.85;
+ font-size: 15px;
+ line-height: 1.7;
flex-grow: 1;
}
@@ -800,8 +819,8 @@ textarea {
.ds-section-description,
.ds-copy,
.ds-list {
- font-size: 13px;
- line-height: 1.75;
+ font-size: 15px;
+ line-height: 1.65;
}
.ds-tags {