/* @khal/tokens 0.5.0 · gerado por tokens/build.mjs. Uso: <html data-tema="brand-escuro|brand-claro|product-escuro|product-claro"> */
/* Fontes da marca (@khal/tokens 0.5.0): Geist, Geist Mono e Instrument Serif (acento de uma palavra em itálico). Arquivos em ./fonts, licença OFL. */
@font-face { font-family: "Geist"; src: url("fonts/Geist-Variable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url("fonts/GeistMono-Variable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Instrument Serif"; src: url("fonts/InstrumentSerif-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Instrument Serif"; src: url("fonts/InstrumentSerif-Italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }

:root {
  --khal-cor-charcoal-2: #111111;
  --khal-cor-charcoal-3: #161616;
  --khal-cor-charcoal-4: #1A1A1A;
  --khal-cor-charcoal-5: #1F1F1F;
  --khal-cor-charcoal-6: #2A2A2A;
  --khal-cor-charcoal: #0A0A0A;
  --khal-cor-cream: #F5F1EC;
  --khal-cor-peach: #F5E8DC;
  --khal-cor-branco: #FFFFFF;
  --khal-cor-cobre: #D49355;
  --khal-cor-cobre-claro: #E8C8A0;
  --khal-cor-cobre-suave: #ECD0B6;
  --khal-cor-cobre-escuro: #A9754A;
  --khal-cor-cobre-texto: #8A5A2E;
  --khal-cor-cobre-bronze: #5C4A38;
  --khal-cor-cobre-profundo: #2A1D12;
  --khal-cor-azul: #0A6FE0;
  --khal-cor-azul-claro: #5B9BD8;
  --khal-cor-azul-palido: #DCE8F5;
  --khal-cor-azul-texto: #0A55B0;
  --khal-cor-azul-medio: #1A6ABF;
  --khal-cor-azul-fundo: #1A4A7A;
  --khal-cor-azul-noite: #0B1B33;
  --khal-cor-azul-ardosia: #1A2A3D;
  --khal-cor-nivel-0: #3A3F45;
  --khal-cor-nivel-1: #2F6AA8;
  --khal-cor-nivel-2: #6FA8E6;
  --khal-cor-nivel-3: #C9DEF5;
  --khal-cor-status-sucesso: #3F8A5C;
  --khal-cor-status-alerta: #E6C04A;
  --khal-cor-status-perigo: #B84A3E;
  --khal-cor-status-perigo-texto: #CA7C72;
  --khal-cor-status-sucesso-texto: #2F6443;
  --khal-cor-status-alerta-claro: #9C7F14;
  --khal-cor-status-alerta-texto: #7A6416;
  --khal-cor-tinta-6: #CCCCCC;
  --khal-cor-tinta: #111111;
  --khal-cor-cinza-texto: #202228;
  --khal-cor-cinza-texto-2: #595C64;
  --khal-cor-cinza-texto-3: #70737B;
  --khal-cor-cinza-fio: #ECEDEF;
  --khal-cor-cinza-fio-forte: #DBDDE0;
  --khal-cor-cinza-chao: #F4F5F7;
  --khal-cor-cinza-elevado: #E8E9EA;
  --khal-cor-cinza-superficie: #F5F5F5;
  --khal-cor-cinza-escuro-texto: #EDEDED;
  --khal-cor-cinza-escuro-texto-2: #A1A1A1;
  --khal-cor-cinza-escuro-card: #121212;
  --khal-cor-cinza-escuro-fio: #212121;
  --khal-cor-cinza-escuro-fio-forte: #2E2E2E;
  --khal-raio-xs: 4px;
  --khal-raio-sm: 6px;
  --khal-raio-md: 10px;
  --khal-raio-lg: 12px;
  --khal-raio-xl: 16px;
  --khal-raio-pilula: 999px;
  --khal-fonte-sans: Geist, system-ui, -apple-system, "Segoe UI", sans-serif;
  --khal-fonte-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --khal-fonte-serif: "Instrument Serif", Georgia, serif;
  --khal-curva-suave: cubic-bezier(0.22, 1, 0.36, 1);
  --khal-curva-mola: cubic-bezier(0.34, 1.56, 0.64, 1);
  --khal-duracao-rapida: 180ms;
  --khal-duracao-grafico: 400ms;
  --khal-duracao-hero: 700ms;
  --khal-tipo-peso-texto: 400;
  --khal-tipo-peso-titulo: 500;
  --khal-tipo-peso-forte: 600;
  --khal-tipo-tracking-display: -0.03em;
  --khal-tipo-tracking-titulo: -0.02em;
  --khal-tipo-tracking-titulo-sm: -0.015em;
  --khal-tipo-tracking-numero: -0.04em;
  --khal-tipo-tracking-acento: -0.01em;
  --khal-tipo-tracking-texto: 0em;
  --khal-tipo-tracking-eyebrow: 0.12em;
  --khal-tipo-tracking-eyebrow-largo: 0.14em;
  --khal-tipo-entrelinha-hero: 1.07;
  --khal-tipo-entrelinha-display: 1.15;
  --khal-tipo-entrelinha-titulo: 1.2;
  --khal-tipo-entrelinha-titulo-sm: 1.3;
  --khal-tipo-entrelinha-texto: 1.5;
  --khal-tipo-entrelinha-texto-sm: 1.4;
  --khal-tipo-entrelinha-legenda: 1.3;
  --khal-tipo-entrelinha-numero: 1;
  --khal-tipo-hero: 56px;
  --khal-tipo-hero-fluido: clamp(36px, calc(36px + 20 * ((100vw - 390px) / 1050)), 56px);
  --khal-tipo-hero-entrelinha: var(--khal-tipo-entrelinha-hero);
  --khal-tipo-hero-tracking: var(--khal-tipo-tracking-display);
  --khal-tipo-hero-peso: var(--khal-tipo-peso-titulo);
  --khal-tipo-h1: 48px;
  --khal-tipo-h1-fluido: clamp(34px, calc(34px + 14 * ((100vw - 390px) / 1050)), 48px);
  --khal-tipo-h1-entrelinha: var(--khal-tipo-entrelinha-display);
  --khal-tipo-h1-tracking: var(--khal-tipo-tracking-display);
  --khal-tipo-h1-peso: var(--khal-tipo-peso-titulo);
  --khal-tipo-h2: 44px;
  --khal-tipo-h2-fluido: clamp(30px, calc(30px + 14 * ((100vw - 390px) / 1050)), 44px);
  --khal-tipo-h2-entrelinha: var(--khal-tipo-entrelinha-display);
  --khal-tipo-h2-tracking: var(--khal-tipo-tracking-display);
  --khal-tipo-h2-peso: var(--khal-tipo-peso-titulo);
  --khal-tipo-h3: 36px;
  --khal-tipo-h3-fluido: clamp(28px, calc(28px + 8 * ((100vw - 390px) / 1050)), 36px);
  --khal-tipo-h3-entrelinha: var(--khal-tipo-entrelinha-titulo);
  --khal-tipo-h3-tracking: var(--khal-tipo-tracking-titulo);
  --khal-tipo-h3-peso: var(--khal-tipo-peso-titulo);
  --khal-tipo-h4: 28px;
  --khal-tipo-h4-fluido: clamp(24px, calc(24px + 4 * ((100vw - 390px) / 1050)), 28px);
  --khal-tipo-h4-entrelinha: var(--khal-tipo-entrelinha-titulo);
  --khal-tipo-h4-tracking: var(--khal-tipo-tracking-titulo);
  --khal-tipo-h4-peso: var(--khal-tipo-peso-titulo);
  --khal-tipo-h5: 22px;
  --khal-tipo-h5-fluido: clamp(20px, calc(20px + 2 * ((100vw - 390px) / 1050)), 22px);
  --khal-tipo-h5-entrelinha: var(--khal-tipo-entrelinha-titulo-sm);
  --khal-tipo-h5-tracking: var(--khal-tipo-tracking-titulo);
  --khal-tipo-h5-peso: var(--khal-tipo-peso-titulo);
  --khal-tipo-h6: 18px;
  --khal-tipo-h6-entrelinha: var(--khal-tipo-entrelinha-titulo-sm);
  --khal-tipo-h6-tracking: var(--khal-tipo-tracking-titulo-sm);
  --khal-tipo-h6-peso: var(--khal-tipo-peso-titulo);
  --khal-tipo-body: 16px;
  --khal-tipo-body-entrelinha: var(--khal-tipo-entrelinha-texto);
  --khal-tipo-body-tracking: var(--khal-tipo-tracking-texto);
  --khal-tipo-body-peso: var(--khal-tipo-peso-texto);
  --khal-tipo-body-sm: 14px;
  --khal-tipo-body-sm-entrelinha: var(--khal-tipo-entrelinha-texto-sm);
  --khal-tipo-body-sm-tracking: var(--khal-tipo-tracking-texto);
  --khal-tipo-body-sm-peso: var(--khal-tipo-peso-texto);
  --khal-tipo-legenda: 13px;
  --khal-tipo-legenda-entrelinha: var(--khal-tipo-entrelinha-legenda);
  --khal-tipo-legenda-tracking: var(--khal-tipo-tracking-texto);
  --khal-tipo-legenda-peso: var(--khal-tipo-peso-texto);
  --khal-tipo-micro: 12px;
  --khal-tipo-micro-entrelinha: var(--khal-tipo-entrelinha-legenda);
  --khal-tipo-micro-tracking: var(--khal-tipo-tracking-texto);
  --khal-tipo-micro-peso: var(--khal-tipo-peso-texto);
  --khal-tipo-eyebrow: 11px;
  --khal-tipo-eyebrow-entrelinha: var(--khal-tipo-entrelinha-legenda);
  --khal-tipo-eyebrow-tracking: var(--khal-tipo-tracking-eyebrow);
  --khal-tipo-eyebrow-peso: var(--khal-tipo-peso-titulo);
  --khal-tipo-tiny: 10px;
  --khal-tipo-tiny-entrelinha: var(--khal-tipo-entrelinha-legenda);
  --khal-tipo-tiny-tracking: var(--khal-tipo-tracking-eyebrow-largo);
  --khal-tipo-tiny-peso: var(--khal-tipo-peso-titulo);
  --khal-tipo-numero: 48px;
  --khal-tipo-numero-fluido: clamp(36px, calc(36px + 12 * ((100vw - 390px) / 1050)), 48px);
  --khal-tipo-numero-entrelinha: var(--khal-tipo-entrelinha-numero);
  --khal-tipo-numero-tracking: var(--khal-tipo-tracking-numero);
  --khal-tipo-numero-peso: var(--khal-tipo-peso-titulo);
  --radius: var(--khal-raio-md);
  /* next/font expõe --font-geist-*; sem ele, cai na pilha do primitivo */
  --fonte-sans: var(--font-geist-sans, "Geist"), var(--khal-fonte-sans);
  --fonte-mono: var(--font-geist-mono, "Geist Mono"), var(--khal-fonte-mono);
  --fonte-serif: var(--font-instrument-serif, "Instrument Serif"), var(--khal-fonte-serif);
}

:root,
[data-tema="brand-escuro"] {
  color-scheme: dark;
  --background: #0A0A0A;
  --foreground: #F5F1EC;
  --card: #161616;
  --card-foreground: #F5F1EC;
  --popover: #161616;
  --popover-foreground: #F5F1EC;
  --primary: #F5F1EC;
  --primary-foreground: #0A0A0A;
  --secondary: #1A1A1A;
  --secondary-foreground: #F5F1EC;
  --muted: #1F1F1F;
  --muted-foreground: rgba(255,255,255,0.55);
  --accent: rgba(212,147,85,0.12);
  --accent-foreground: #F5F1EC;
  --destructive: #B84A3E;
  --border: rgba(255,255,255,0.08);
  --input: rgba(255,255,255,0.14);
  --ring: rgba(212,147,85,0.25);
  --chart-1: #3A3F45;
  --chart-2: #2F6AA8;
  --chart-3: #6FA8E6;
  --chart-4: #C9DEF5;
  --chart-5: #D49355;
  --sidebar: #0A0A0A;
  --sidebar-foreground: rgba(255,255,255,0.72);
  --sidebar-primary: #F5F1EC;
  --sidebar-primary-foreground: #0A0A0A;
  --sidebar-accent: rgba(255,255,255,0.05);
  --sidebar-accent-foreground: #F5F1EC;
  --sidebar-border: rgba(255,255,255,0.08);
  --sidebar-ring: rgba(212,147,85,0.25);
  --fg-2: rgba(255,255,255,0.72);
  --fg-3: rgba(255,255,255,0.55);
  --fg-4: rgba(255,255,255,0.5);
  --borda-forte: rgba(255,255,255,0.14);
  --cobre: #D49355;
  --azul: #5B9BD8;
  --cobre-texto: #D49355;
  --azul-texto: #5B9BD8;
  --eyebrow: #D49355;
  --serie-neutra: rgba(245,241,236,0.2);
  --vazado: rgba(245,241,236,0.24);
  --sucesso: #3F8A5C;
  --alerta: #E6C04A;
  --alerta-texto: #E6C04A;
  --perigo-texto: #CA7C72;
  --sucesso-texto: #3F8A5C;
}

[data-tema="brand-claro"] {
  color-scheme: light;
  --background: #F5F1EC;
  --foreground: #0A0A0A;
  --card: #FFFFFF;
  --card-foreground: #0A0A0A;
  --popover: #FFFFFF;
  --popover-foreground: #0A0A0A;
  --primary: #0A0A0A;
  --primary-foreground: #F5F1EC;
  --secondary: #F5E8DC;
  --secondary-foreground: #0A0A0A;
  --muted: #F5E8DC;
  --muted-foreground: rgba(10,10,10,0.66);
  --accent: rgba(212,147,85,0.12);
  --accent-foreground: #0A0A0A;
  --destructive: #B84A3E;
  --border: rgba(10,10,10,0.1);
  --input: rgba(10,10,10,0.16);
  --ring: rgba(212,147,85,0.25);
  --chart-1: #CCCCCC;
  --chart-2: #5B9BD8;
  --chart-3: #0A6FE0;
  --chart-4: #1A4A7A;
  --chart-5: #D49355;
  --sidebar: #F5F1EC;
  --sidebar-foreground: rgba(10,10,10,0.8);
  --sidebar-primary: #0A0A0A;
  --sidebar-primary-foreground: #F5F1EC;
  --sidebar-accent: rgba(10,10,10,0.05);
  --sidebar-accent-foreground: #0A0A0A;
  --sidebar-border: rgba(10,10,10,0.1);
  --sidebar-ring: rgba(212,147,85,0.25);
  --fg-2: rgba(10,10,10,0.8);
  --fg-3: rgba(10,10,10,0.66);
  --fg-4: rgba(10,10,10,0.6);
  --borda-forte: rgba(10,10,10,0.16);
  --cobre: #D49355;
  --azul: #0A6FE0;
  --cobre-texto: #8A5A2E;
  --azul-texto: #0A55B0;
  --eyebrow: #8A5A2E;
  --serie-neutra: rgba(10,10,10,0.16);
  --vazado: rgba(10,10,10,0.28);
  --sucesso: #3F8A5C;
  --alerta: #9C7F14;
  --alerta-texto: #7A6416;
  --perigo-texto: #B84A3E;
  --sucesso-texto: #2F6443;
}

[data-tema="product-escuro"] {
  color-scheme: dark;
  --background: #0A0A0A;
  --foreground: #EDEDED;
  --card: #121212;
  --card-foreground: #EDEDED;
  --popover: #121212;
  --popover-foreground: #EDEDED;
  --primary: #F5F1EC;
  --primary-foreground: #0A0A0A;
  --secondary: #1A1A1A;
  --secondary-foreground: #EDEDED;
  --muted: #1A1A1A;
  --muted-foreground: #A1A1A1;
  --accent: rgba(212,147,85,0.12);
  --accent-foreground: #EDEDED;
  --destructive: #B84A3E;
  --border: #212121;
  --input: #2E2E2E;
  --ring: rgba(212,147,85,0.25);
  --chart-1: #3A3F45;
  --chart-2: #2F6AA8;
  --chart-3: #6FA8E6;
  --chart-4: #C9DEF5;
  --chart-5: #D49355;
  --sidebar: #111111;
  --sidebar-foreground: #A1A1A1;
  --sidebar-primary: #F5F1EC;
  --sidebar-primary-foreground: #0A0A0A;
  --sidebar-accent: #1A1A1A;
  --sidebar-accent-foreground: #EDEDED;
  --sidebar-border: #212121;
  --sidebar-ring: rgba(212,147,85,0.25);
  --fg-2: #A1A1A1;
  --fg-3: #A1A1A1;
  --fg-4: rgba(255,255,255,0.5);
  --borda-forte: #2E2E2E;
  --cobre: #D49355;
  --azul: #5B9BD8;
  --cobre-texto: #D49355;
  --azul-texto: #5B9BD8;
  --eyebrow: rgba(255,255,255,0.5);
  --serie-neutra: rgba(255,255,255,0.18);
  --vazado: rgba(245,241,236,0.24);
  --sucesso: #3F8A5C;
  --alerta: #E6C04A;
  --alerta-texto: #E6C04A;
  --perigo-texto: #CA7C72;
  --sucesso-texto: #3F8A5C;
}

[data-tema="product-claro"] {
  color-scheme: light;
  --background: #FFFFFF;
  --foreground: #202228;
  --card: #FFFFFF;
  --card-foreground: #202228;
  --popover: #FFFFFF;
  --popover-foreground: #202228;
  --primary: #0A0A0A;
  --primary-foreground: #FFFFFF;
  --secondary: #F5F5F5;
  --secondary-foreground: #202228;
  --muted: #F4F5F7;
  --muted-foreground: #595C64;
  --accent: rgba(212,147,85,0.12);
  --accent-foreground: #202228;
  --destructive: #B84A3E;
  --border: #ECEDEF;
  --input: #DBDDE0;
  --ring: rgba(212,147,85,0.25);
  --chart-1: #CCCCCC;
  --chart-2: #5B9BD8;
  --chart-3: #0A6FE0;
  --chart-4: #1A4A7A;
  --chart-5: #D49355;
  --sidebar: #F4F5F7;
  --sidebar-foreground: #595C64;
  --sidebar-primary: #0A0A0A;
  --sidebar-primary-foreground: #FFFFFF;
  --sidebar-accent: #E8E9EA;
  --sidebar-accent-foreground: #202228;
  --sidebar-border: #ECEDEF;
  --sidebar-ring: rgba(212,147,85,0.25);
  --fg-2: #595C64;
  --fg-3: #595C64;
  --fg-4: #70737B;
  --borda-forte: #DBDDE0;
  --cobre: #D49355;
  --azul: #0A6FE0;
  --cobre-texto: #8A5A2E;
  --azul-texto: #0A55B0;
  --eyebrow: #70737B;
  --serie-neutra: rgba(10,10,10,0.12);
  --vazado: rgba(10,10,10,0.24);
  --sucesso: #3F8A5C;
  --alerta: #9C7F14;
  --alerta-texto: #7A6416;
  --perigo-texto: #B84A3E;
  --sucesso-texto: #2F6443;
}

/* Base mínima para HTML puro (sem Tailwind). As fontes da marca vêm no @font-face do topo deste arquivo. */
html, body { background: var(--background); color: var(--foreground); }
body { font-family: var(--fonte-sans); -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, h6 { font-weight: var(--khal-tipo-peso-titulo); letter-spacing: var(--khal-tipo-tracking-display); }
.eyebrow { font-family: var(--fonte-mono); font-size: var(--khal-tipo-eyebrow); font-weight: var(--khal-tipo-eyebrow-peso); letter-spacing: var(--khal-tipo-eyebrow-tracking); text-transform: uppercase; color: var(--eyebrow); }
.text-khal-hero { font-family: var(--fonte-sans); font-size: var(--khal-tipo-hero-fluido); line-height: var(--khal-tipo-hero-entrelinha); letter-spacing: var(--khal-tipo-hero-tracking); font-weight: var(--khal-tipo-hero-peso); }
.text-khal-hero-fixo { font-family: var(--fonte-sans); font-size: var(--khal-tipo-hero); line-height: var(--khal-tipo-hero-entrelinha); letter-spacing: var(--khal-tipo-hero-tracking); font-weight: var(--khal-tipo-hero-peso); }
.text-khal-h1 { font-family: var(--fonte-sans); font-size: var(--khal-tipo-h1-fluido); line-height: var(--khal-tipo-h1-entrelinha); letter-spacing: var(--khal-tipo-h1-tracking); font-weight: var(--khal-tipo-h1-peso); }
.text-khal-h1-fixo { font-family: var(--fonte-sans); font-size: var(--khal-tipo-h1); line-height: var(--khal-tipo-h1-entrelinha); letter-spacing: var(--khal-tipo-h1-tracking); font-weight: var(--khal-tipo-h1-peso); }
.text-khal-h2 { font-family: var(--fonte-sans); font-size: var(--khal-tipo-h2-fluido); line-height: var(--khal-tipo-h2-entrelinha); letter-spacing: var(--khal-tipo-h2-tracking); font-weight: var(--khal-tipo-h2-peso); }
.text-khal-h2-fixo { font-family: var(--fonte-sans); font-size: var(--khal-tipo-h2); line-height: var(--khal-tipo-h2-entrelinha); letter-spacing: var(--khal-tipo-h2-tracking); font-weight: var(--khal-tipo-h2-peso); }
.text-khal-h3 { font-family: var(--fonte-sans); font-size: var(--khal-tipo-h3-fluido); line-height: var(--khal-tipo-h3-entrelinha); letter-spacing: var(--khal-tipo-h3-tracking); font-weight: var(--khal-tipo-h3-peso); }
.text-khal-h3-fixo { font-family: var(--fonte-sans); font-size: var(--khal-tipo-h3); line-height: var(--khal-tipo-h3-entrelinha); letter-spacing: var(--khal-tipo-h3-tracking); font-weight: var(--khal-tipo-h3-peso); }
.text-khal-h4 { font-family: var(--fonte-sans); font-size: var(--khal-tipo-h4-fluido); line-height: var(--khal-tipo-h4-entrelinha); letter-spacing: var(--khal-tipo-h4-tracking); font-weight: var(--khal-tipo-h4-peso); }
.text-khal-h4-fixo { font-family: var(--fonte-sans); font-size: var(--khal-tipo-h4); line-height: var(--khal-tipo-h4-entrelinha); letter-spacing: var(--khal-tipo-h4-tracking); font-weight: var(--khal-tipo-h4-peso); }
.text-khal-h5 { font-family: var(--fonte-sans); font-size: var(--khal-tipo-h5-fluido); line-height: var(--khal-tipo-h5-entrelinha); letter-spacing: var(--khal-tipo-h5-tracking); font-weight: var(--khal-tipo-h5-peso); }
.text-khal-h5-fixo { font-family: var(--fonte-sans); font-size: var(--khal-tipo-h5); line-height: var(--khal-tipo-h5-entrelinha); letter-spacing: var(--khal-tipo-h5-tracking); font-weight: var(--khal-tipo-h5-peso); }
.text-khal-h6 { font-family: var(--fonte-sans); font-size: var(--khal-tipo-h6); line-height: var(--khal-tipo-h6-entrelinha); letter-spacing: var(--khal-tipo-h6-tracking); font-weight: var(--khal-tipo-h6-peso); }
.text-khal-body { font-family: var(--fonte-sans); font-size: var(--khal-tipo-body); line-height: var(--khal-tipo-body-entrelinha); letter-spacing: var(--khal-tipo-body-tracking); font-weight: var(--khal-tipo-body-peso); }
.text-khal-body-sm { font-family: var(--fonte-sans); font-size: var(--khal-tipo-body-sm); line-height: var(--khal-tipo-body-sm-entrelinha); letter-spacing: var(--khal-tipo-body-sm-tracking); font-weight: var(--khal-tipo-body-sm-peso); }
.text-khal-legenda { font-family: var(--fonte-sans); font-size: var(--khal-tipo-legenda); line-height: var(--khal-tipo-legenda-entrelinha); letter-spacing: var(--khal-tipo-legenda-tracking); font-weight: var(--khal-tipo-legenda-peso); }
.text-khal-micro { font-family: var(--fonte-sans); font-size: var(--khal-tipo-micro); line-height: var(--khal-tipo-micro-entrelinha); letter-spacing: var(--khal-tipo-micro-tracking); font-weight: var(--khal-tipo-micro-peso); }
.text-khal-eyebrow { font-family: var(--fonte-mono); font-size: var(--khal-tipo-eyebrow); line-height: var(--khal-tipo-eyebrow-entrelinha); letter-spacing: var(--khal-tipo-eyebrow-tracking); font-weight: var(--khal-tipo-eyebrow-peso); text-transform: uppercase; }
.text-khal-tiny { font-family: var(--fonte-mono); font-size: var(--khal-tipo-tiny); line-height: var(--khal-tipo-tiny-entrelinha); letter-spacing: var(--khal-tipo-tiny-tracking); font-weight: var(--khal-tipo-tiny-peso); text-transform: uppercase; }
.text-khal-numero { font-family: var(--fonte-sans); font-size: var(--khal-tipo-numero-fluido); line-height: var(--khal-tipo-numero-entrelinha); letter-spacing: var(--khal-tipo-numero-tracking); font-weight: var(--khal-tipo-numero-peso); font-variant-numeric: tabular-nums; }
.text-khal-numero-fixo { font-family: var(--fonte-sans); font-size: var(--khal-tipo-numero); line-height: var(--khal-tipo-numero-entrelinha); letter-spacing: var(--khal-tipo-numero-tracking); font-weight: var(--khal-tipo-numero-peso); font-variant-numeric: tabular-nums; }
.acento { font-family: var(--fonte-serif); font-style: italic; font-weight: 400; letter-spacing: -0.01em; -webkit-text-stroke: 0.025em currentColor; }
.num { font-weight: 500; letter-spacing: -0.04em; line-height: 1; font-variant-numeric: tabular-nums; }