/* Claudio Almeida — generated from tokens.json. Themes: data-theme="papel" (default, polo claro) | "negro" (polo escuro). */
@font-face { font-family: 'Archivo Condensed'; src: url('../assets/fonts/ArchivoCondensed-wdth62.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Archivo SemiCondensed'; src: url('../assets/fonts/ArchivoSemiCondensed-wdth70.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Archivo Subhead'; src: url('../assets/fonts/ArchivoSubhead-wdth80.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'IBM Plex Sans'; src: url('../assets/fonts/IBMPlexSans-Variable.woff2') format('woff2'); font-weight: 100 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'IBM Plex Sans'; src: url('../assets/fonts/IBMPlexSans-Italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'IBM Plex Mono'; src: url('../assets/fonts/IBMPlexMono-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'IBM Plex Mono'; src: url('../assets/fonts/IBMPlexMono-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
:root, [data-theme="papel"] {
  --papel: #f2efe8;
  --negro: #15130f;
  --prata: #8c877d;
  --mostarda: #d8bf2a;
  --laranja: #ff6037;
  --vermelho: #c8322a;
  --surface: var(--papel);
  --ink: var(--negro);
  --muted: var(--prata);
  --hairline: rgba(21, 19, 15, 0.18);
  --accent: var(--mostarda);
  --on-accent: var(--negro);
  --on-vermelho: var(--papel);
}
[data-theme="negro"] {
  --surface: var(--negro);
  --ink: var(--papel);
  --hairline: rgba(242, 239, 232, 0.2);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-none: 0px;
  --rule-hair: 1px;
  --rule-bar: 4px;
  --font-display: "Archivo Condensed", "Archivo Narrow", "Arial Narrow", sans-serif;
  --font-title: "Archivo SemiCondensed", "Archivo Narrow", "Arial Narrow", sans-serif;
  --font-subhead: "Archivo Subhead", "Archivo Narrow", "Arial Narrow", sans-serif;
  --font-sans: "IBM Plex Sans", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
}
.display-xl { font-family: var(--font-display); font-size: 140px; line-height: 0.88; font-weight: 900; text-transform: uppercase; }
.display-l { font-family: var(--font-display); font-size: 100px; line-height: 0.88; font-weight: 900; text-transform: uppercase; }
.display-m { font-family: var(--font-display); font-size: 92px; line-height: 0.9; font-weight: 900; text-transform: uppercase; }
.display-s { font-family: var(--font-display); font-size: 72px; line-height: 0.9; font-weight: 900; text-transform: uppercase; }
.title { font-family: var(--font-title); font-size: 40px; line-height: 1.0; font-weight: 800; text-transform: uppercase; }
.subhead { font-family: var(--font-subhead); font-size: 19px; line-height: 1.2; font-weight: 700; text-transform: uppercase; }
.statement { font-family: var(--font-sans); font-size: 26px; line-height: 1.3; font-weight: 600; }
.lead { font-family: var(--font-sans); font-size: 28px; line-height: 1.4; font-weight: 300; }
.quote { font-family: var(--font-sans); font-size: 24px; line-height: 1.4; font-weight: 300; }
.body { font-family: var(--font-sans); font-size: 17px; line-height: 1.5; font-weight: 400; }
.small { font-family: var(--font-sans); font-size: 15px; line-height: 1.45; font-weight: 400; }
.eyebrow { font-family: var(--font-mono); font-size: 11.5px; line-height: 1.4; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; }
.ficha { font-family: var(--font-mono); font-size: 11.5px; line-height: 1.6; font-weight: 400; letter-spacing: 0.08em; text-transform: uppercase; }
.meta { font-family: var(--font-mono); font-size: 10.5px; line-height: 1.4; font-weight: 400; letter-spacing: 0.08em; text-transform: uppercase; }