/* SapiensLabs DS 2.0.0 — tokens (rota Registro). Gerado de sl-tokens.json; não editar à mão.
   Todo nome é novo (prefixo --sl-). Os nomes do 1.8.0 seguem em colors_and_type.css com o valor antigo;
   nos produtos migrados, sl-ponte.css os aponta para os --sl-* (mapa em docs/ds-2.0/migracao.json).
   Temas, três situações:
     sem data-theme       → segue prefers-color-scheme
     data-theme="light"   → claro forçado (padrão do blog e do Noos, escrito pelo servidor)
     data-theme="dark"    → escuro forçado (padrão dos monitores, escrito pelo servidor)
   O seletor do leitor troca entre sistema, claro e escuro. */

:root {
  --sl-cor-tinta: #1a2332;
  --sl-cor-tinta-funda: #141d27;
  --sl-cor-creme: #f5efe2;
  --sl-cor-creme-fundo: #ebe2cf;
  --sl-cor-azul: #0693e3;
  --sl-cor-azul-texto-claro: #0f6397;
  --sl-cor-link-visitado-claro: #4a6a86;
  --sl-cor-link-visitado-escuro: #8aa8c0;
  --sl-cor-dourado-claro: #b8874a;
  --sl-cor-dourado-escuro: #d4a056;
  --sl-cor-dourado-texto-claro: #7d5828;
  --sl-cor-vermelho: #c0392b;
  --sl-cor-texto-escuro: #ece6da;
  --sl-cor-prosa-escuro: #ddd6c8;
  --sl-cor-texto-2-claro: #4a5365;
  --sl-cor-texto-2-escuro: #b0b8c4;
  --sl-cor-meta-claro: #686355;
  --sl-cor-meta-escuro: #8591a1;
  --sl-cor-filete-claro: #d8cfb9;
  --sl-cor-filete-escuro: #2c3a4c;
  --sl-cor-dado-claro: #7f858e;
  --sl-cor-dado-escuro: #6f7b8a;
  --sl-cor-tom-positivo-claro: #2a7366;
  --sl-cor-tom-positivo-escuro: #5fb3a1;
  --sl-cor-tom-negativo-claro: #9a3f6b;
  --sl-cor-tom-negativo-escuro: #d07ba3;
  --sl-cor-atencao-claro: #8a5608;
  --sl-cor-atencao-escuro: #f39c12;
  --sl-cor-dourado-marca-claro: #a07535;
  --sl-cor-vermelho-escuro: #e05a4a;
  --sl-espectro-extrema-esquerda-claro: #8b2f2f;
  --sl-espectro-extrema-esquerda-escuro: #c14848;
  --sl-espectro-esquerda-claro: #c66c62;
  --sl-espectro-esquerda-escuro: #c9756b;
  --sl-espectro-centro-claro: #848484;
  --sl-espectro-centro-escuro: #9e9e9e;
  --sl-espectro-direita-claro: #6289af;
  --sl-espectro-direita-escuro: #7396b8;
  --sl-espectro-extrema-direita-claro: #1e4568;
  --sl-espectro-extrema-direita-escuro: #3374af;
  --sl-entidade-lula-silva: #c0392b;
  --sl-entidade-flavio-bolsonaro: #2980b9;
  --sl-entidade-tarcisio-freitas: #e67e22;
  --sl-entidade-romeu-zema: #27ae60;
  --sl-entidade-ronaldo-caiado: #16a085;
  --sl-entidade-eduardo-leite: #8e44ad;
  --sl-entidade-michelle-bolsonaro: #e91e63;
  --sl-entidade-ciro-gomes: #1565c0;
  --sl-entidade-renan-santos: #f39c12;
  --sl-entidade-lula-silva-escuro: #e05a4a;
  --sl-entidade-eduardo-leite-escuro: #a865c4;
  --sl-entidade-ciro-gomes-escuro: #4a7fd0;
  --sl-entidade-tarcisio-freitas-claro: #b85f12;
  --sl-entidade-romeu-zema-claro: #1e8449;
  --sl-entidade-ronaldo-caiado-claro: #127a66;
  --sl-entidade-renan-santos-claro: #b06f0a;
  --sl-fonte-titulo: 'Antonio', 'Oswald', sans-serif;
  --sl-fonte-texto: 'Archivo Narrow', 'Arial Narrow', sans-serif;
  --sl-fonte-dado: 'Fira Mono', ui-monospace, monospace;
  --sl-peso-regular: 400;
  --sl-peso-medio: 500;
  --sl-peso-semibold: 600;
  --sl-peso-bold: 700;
  --sl-peso-black: 900;
  --sl-tam-placa: clamp(4.5rem, 14vw, 10rem);
  --sl-tam-capa: clamp(2.4rem, 6vw, 4rem);
  --sl-tam-titulo: clamp(1.9rem, 4vw, 2.6rem);
  --sl-tam-intertitulo: 1.6rem;
  --sl-tam-subtitulo: 1.3rem;
  --sl-tam-indicador: 2.25rem;
  --sl-tam-prosa: 1.25rem;
  --sl-tam-corpo: 1rem;
  --sl-tam-apoio: 0.9375rem;
  --sl-tam-rotulo: 0.75rem;
  --sl-tam-dado: 0.75rem;
  --sl-entrelinha-titulo: 1;
  --sl-entrelinha-intertitulo: 1.05;
  --sl-entrelinha-prosa: 1.6;
  --sl-entrelinha-corpo: 1.5;
  --sl-entrelinha-rotulo: 1.3;
  --sl-espacamento-rotulo: 0.08em;
  --sl-espacamento-titulo: 0.01em;
  --sl-espacamento-dado: 0;
  --sl-esp-1: 4px;
  --sl-esp-2: 8px;
  --sl-esp-3: 12px;
  --sl-esp-4: 16px;
  --sl-esp-5: 20px;
  --sl-esp-6: 24px;
  --sl-esp-8: 32px;
  --sl-esp-10: 40px;
  --sl-esp-12: 48px;
  --sl-esp-16: 64px;
  --sl-esp-20: 80px;
  --sl-prosa-medida: 54ch;
  --sl-prosa-moldura: 720px;
  --sl-figura-larga: 960px;
  --sl-pagina-max: 1200px;
  --sl-sidebar-largura: 240px;
  --sl-gutter: 16px;
  --sl-filete-fino: 1px;
  --sl-filete-grosso: 3px;
  --sl-raio: 0;
  --sl-raio-pilula: 999px;
  --sl-mov-rapido: 150ms;
  --sl-foco-largura: 2px;
  --sl-rotulo-fonte: var(--sl-fonte-texto);
  --sl-rotulo-tamanho: 0.75rem;
  --sl-rotulo-peso: 600;
  --sl-rotulo-espacamento: 0.08em;
}

/* Claro: base e forçado */
:root,
[data-theme="light"] {
  color-scheme: light;
  --sl-espectro-extrema-esquerda: var(--sl-espectro-extrema-esquerda-claro);
  --sl-espectro-esquerda: var(--sl-espectro-esquerda-claro);
  --sl-espectro-centro: var(--sl-espectro-centro-claro);
  --sl-espectro-direita: var(--sl-espectro-direita-claro);
  --sl-espectro-extrema-direita: var(--sl-espectro-extrema-direita-claro);
  --sl-papel: var(--sl-cor-creme);
  --sl-papel-fundo: var(--sl-cor-creme-fundo);
  --sl-texto: var(--sl-cor-tinta);
  --sl-texto-2: var(--sl-cor-texto-2-claro);
  --sl-meta: var(--sl-cor-meta-claro);
  --sl-prosa: var(--sl-cor-tinta);
  --sl-filete: var(--sl-cor-filete-claro);
  --sl-filete-forte: var(--sl-cor-tinta);
  --sl-azul: var(--sl-cor-azul-texto-claro);
  --sl-link: var(--sl-cor-azul-texto-claro);
  --sl-link-visitado: var(--sl-cor-link-visitado-claro);
  --sl-dourado: var(--sl-cor-dourado-marca-claro);
  --sl-dourado-texto: var(--sl-cor-dourado-texto-claro);
  --sl-dado: var(--sl-cor-dado-claro);
  --sl-hoje: var(--sl-cor-azul-texto-claro);
  --sl-tom-positivo: var(--sl-cor-tom-positivo-claro);
  --sl-tom-negativo: var(--sl-cor-tom-negativo-claro);
  --sl-atencao: var(--sl-cor-atencao-claro);
  --sl-tooltip-fundo: var(--sl-cor-tinta-funda);
  --sl-tooltip-texto: var(--sl-cor-texto-escuro);
  --sl-foco: var(--sl-cor-azul-texto-claro);
  --sl-vermelho: var(--sl-cor-vermelho);
  --sl-ent-lula-silva: var(--sl-entidade-lula-silva);
  --sl-ent-flavio-bolsonaro: var(--sl-entidade-flavio-bolsonaro);
  --sl-ent-tarcisio-freitas: var(--sl-entidade-tarcisio-freitas-claro);
  --sl-ent-romeu-zema: var(--sl-entidade-romeu-zema-claro);
  --sl-ent-ronaldo-caiado: var(--sl-entidade-ronaldo-caiado-claro);
  --sl-ent-eduardo-leite: var(--sl-entidade-eduardo-leite);
  --sl-ent-michelle-bolsonaro: var(--sl-entidade-michelle-bolsonaro);
  --sl-ent-ciro-gomes: var(--sl-entidade-ciro-gomes);
  --sl-ent-renan-santos: var(--sl-entidade-renan-santos-claro);
}

/* Escuro pelo sistema, quando o produto não força tema */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --sl-espectro-extrema-esquerda: var(--sl-espectro-extrema-esquerda-escuro);
    --sl-espectro-esquerda: var(--sl-espectro-esquerda-escuro);
    --sl-espectro-centro: var(--sl-espectro-centro-escuro);
    --sl-espectro-direita: var(--sl-espectro-direita-escuro);
    --sl-espectro-extrema-direita: var(--sl-espectro-extrema-direita-escuro);
    --sl-papel: var(--sl-cor-tinta);
    --sl-papel-fundo: var(--sl-cor-tinta-funda);
    --sl-texto: var(--sl-cor-texto-escuro);
    --sl-texto-2: var(--sl-cor-texto-2-escuro);
    --sl-meta: var(--sl-cor-meta-escuro);
    --sl-prosa: var(--sl-cor-prosa-escuro);
    --sl-filete: var(--sl-cor-filete-escuro);
    --sl-filete-forte: var(--sl-cor-texto-escuro);
    --sl-azul: var(--sl-cor-azul);
    --sl-link: var(--sl-cor-azul);
    --sl-link-visitado: var(--sl-cor-link-visitado-escuro);
    --sl-dourado: var(--sl-cor-dourado-escuro);
    --sl-dourado-texto: var(--sl-cor-dourado-escuro);
    --sl-dado: var(--sl-cor-dado-escuro);
    --sl-hoje: var(--sl-cor-azul);
    --sl-tom-positivo: var(--sl-cor-tom-positivo-escuro);
    --sl-tom-negativo: var(--sl-cor-tom-negativo-escuro);
    --sl-atencao: var(--sl-cor-atencao-escuro);
    --sl-tooltip-fundo: var(--sl-cor-tinta-funda);
    --sl-tooltip-texto: var(--sl-cor-texto-escuro);
    --sl-foco: var(--sl-cor-azul);
    --sl-vermelho: var(--sl-cor-vermelho-escuro);
    --sl-ent-lula-silva: var(--sl-entidade-lula-silva-escuro);
    --sl-ent-flavio-bolsonaro: var(--sl-entidade-flavio-bolsonaro);
    --sl-ent-tarcisio-freitas: var(--sl-entidade-tarcisio-freitas);
    --sl-ent-romeu-zema: var(--sl-entidade-romeu-zema);
    --sl-ent-ronaldo-caiado: var(--sl-entidade-ronaldo-caiado);
    --sl-ent-eduardo-leite: var(--sl-entidade-eduardo-leite-escuro);
    --sl-ent-michelle-bolsonaro: var(--sl-entidade-michelle-bolsonaro);
    --sl-ent-ciro-gomes: var(--sl-entidade-ciro-gomes-escuro);
    --sl-ent-renan-santos: var(--sl-entidade-renan-santos);
  }
}

/* Escuro forçado */
[data-theme="dark"] {
  color-scheme: dark;
  --sl-espectro-extrema-esquerda: var(--sl-espectro-extrema-esquerda-escuro);
  --sl-espectro-esquerda: var(--sl-espectro-esquerda-escuro);
  --sl-espectro-centro: var(--sl-espectro-centro-escuro);
  --sl-espectro-direita: var(--sl-espectro-direita-escuro);
  --sl-espectro-extrema-direita: var(--sl-espectro-extrema-direita-escuro);
  --sl-papel: var(--sl-cor-tinta);
  --sl-papel-fundo: var(--sl-cor-tinta-funda);
  --sl-texto: var(--sl-cor-texto-escuro);
  --sl-texto-2: var(--sl-cor-texto-2-escuro);
  --sl-meta: var(--sl-cor-meta-escuro);
  --sl-prosa: var(--sl-cor-prosa-escuro);
  --sl-filete: var(--sl-cor-filete-escuro);
  --sl-filete-forte: var(--sl-cor-texto-escuro);
  --sl-azul: var(--sl-cor-azul);
  --sl-link: var(--sl-cor-azul);
  --sl-link-visitado: var(--sl-cor-link-visitado-escuro);
  --sl-dourado: var(--sl-cor-dourado-escuro);
  --sl-dourado-texto: var(--sl-cor-dourado-escuro);
  --sl-dado: var(--sl-cor-dado-escuro);
  --sl-hoje: var(--sl-cor-azul);
  --sl-tom-positivo: var(--sl-cor-tom-positivo-escuro);
  --sl-tom-negativo: var(--sl-cor-tom-negativo-escuro);
  --sl-atencao: var(--sl-cor-atencao-escuro);
  --sl-tooltip-fundo: var(--sl-cor-tinta-funda);
  --sl-tooltip-texto: var(--sl-cor-texto-escuro);
  --sl-foco: var(--sl-cor-azul);
  --sl-vermelho: var(--sl-cor-vermelho-escuro);
  --sl-ent-lula-silva: var(--sl-entidade-lula-silva-escuro);
  --sl-ent-flavio-bolsonaro: var(--sl-entidade-flavio-bolsonaro);
  --sl-ent-tarcisio-freitas: var(--sl-entidade-tarcisio-freitas);
  --sl-ent-romeu-zema: var(--sl-entidade-romeu-zema);
  --sl-ent-ronaldo-caiado: var(--sl-entidade-ronaldo-caiado);
  --sl-ent-eduardo-leite: var(--sl-entidade-eduardo-leite-escuro);
  --sl-ent-michelle-bolsonaro: var(--sl-entidade-michelle-bolsonaro);
  --sl-ent-ciro-gomes: var(--sl-entidade-ciro-gomes-escuro);
  --sl-ent-renan-santos: var(--sl-entidade-renan-santos);
}

/* Produto: Noos (decisão de 20/10/2026). Rótulo, chapéu e grupo de menu seguem em Fira Mono;
   menu numerado 01–07. Único desvio por produto, feito só por token. */
[data-produto="noos"] {
  --sl-rotulo-fonte: var(--sl-fonte-dado);
  --sl-rotulo-tamanho: 0.6875rem;
  --sl-rotulo-peso: 400;
  --sl-rotulo-espacamento: 0.14em;
}

@media (min-width: 600px)  { :root { --sl-gutter: 24px; } }
@media (min-width: 1024px) { :root { --sl-gutter: 32px; } }
@media (prefers-reduced-motion: reduce) { :root { --sl-mov-rapido: 0ms; } }

:focus-visible { outline: var(--sl-foco-largura) solid var(--sl-foco); outline-offset: 2px; }