/* SapiensLabs DS 2.0.0 — ponte do 1.8.0 para o 2.0.
   Carregada só pelos produtos já migrados, nesta ordem:
     colors_and_type.css · editorial.css · sidebar.css (1.8.0, intocados)
     sl-tokens.css · sl-ponte.css (2.0) · CSS do produto
   Aponta cada nome do 1.8.0 que tem equivalente no 2.0 para o --sl-* correspondente
   (mapa em docs/ds-2.0/migracao.json). O código do produto que ainda usa o nome antigo
   passa a pintar com o valor novo, no tema ativo.
   Fica de fora, de propósito:
     - nome aposentado sem substituto (--color-secondary, --gradient-primary, --color-fallback-*,
       --radius-sm/md, --border-*, --text-h1 … --text-meta): segue com o valor do 1.8.0 até o
       produto deixar de usá-lo;
     - --color-spectrum-*: o mesmo nome antigo pinta níveis diferentes conforme o produto.
       Migra-se pelo nível que o elemento representa, no CSS do produto, nunca pelo nome.
   O seletor :root:not([data-sl-sem-ponte]) vence o :root e o [data-theme="light"] do 1.8.0;
   [data-theme] cobre tema forçado num trecho da página. Sai no 2.1.0, com o 1.8.0. */

:root:not([data-sl-sem-ponte]),
[data-theme] {
  /* texto, papel e filete (seguem o tema) */
  --fg1: var(--sl-texto);
  --text: var(--sl-texto);
  --fg2: var(--sl-texto-2);
  --fg3: var(--sl-texto-2);
  --text-soft: var(--sl-texto-2);
  --fg4: var(--sl-meta);
  --muted: var(--sl-meta);
  --muted-deep: var(--sl-meta);
  --fg-label: var(--sl-meta);
  --bg1: var(--sl-papel);
  --paper: var(--sl-papel);
  --bg2: var(--sl-papel-fundo);
  --paper-deep: var(--sl-papel-fundo);
  --border1: var(--sl-filete);
  --line: var(--sl-filete);
  --rule: var(--sl-filete);
  --prose-ink: var(--sl-prosa);

  /* azul, link e dourado (seguem o tema) */
  --accent: var(--sl-azul);
  --accent-deep: var(--sl-link);
  --accent-soft: color-mix(in srgb, var(--sl-azul) 8%, transparent);
  --link: var(--sl-link);
  --link-visited: var(--sl-link-visitado);
  --accent-gold: var(--sl-dourado);
  --gold: var(--sl-dourado);
  --gold-deep: var(--sl-dourado-texto);

  /* tom e atenção (seguem o tema; saem do verde e do vermelho de entidade) */
  --pos: var(--sl-tom-positivo);
  --neg: var(--sl-tom-negativo);
  --warn: var(--sl-atencao);
  --color-status-up: var(--sl-tom-positivo);
  --color-status-down: var(--sl-tom-negativo);
  --color-status-warn: var(--sl-atencao);

  /* cores de entidade (variante de tema onde a cor fixa não passa 3:1) */
  --color-lula: var(--sl-ent-lula-silva);
  --color-flavio: var(--sl-ent-flavio-bolsonaro);
  --color-tarcisio: var(--sl-ent-tarcisio-freitas);
  --color-zema: var(--sl-ent-romeu-zema);
  --color-caiado: var(--sl-ent-ronaldo-caiado);
  --color-leite: var(--sl-ent-eduardo-leite);
  --color-michelle: var(--sl-ent-michelle-bolsonaro);
  --color-ciro: var(--sl-ent-ciro-gomes);
  --color-renan: var(--sl-ent-renan-santos);

  /* cores cruas (não mudam com o tema) */
  --ink: var(--sl-cor-tinta);
  --cream: var(--sl-cor-creme);
  --color-ink: var(--sl-cor-tinta);
  --color-bg-main: var(--sl-cor-tinta);
  --color-bg-secondary: var(--sl-cor-tinta-funda);
  --color-ink-deep: var(--sl-cor-tinta-funda);
  --color-bg-border: var(--sl-cor-filete-escuro);
  --color-cream: var(--sl-cor-creme);
  --color-cream-deep: var(--sl-cor-creme-fundo);
  --color-rule-cream: var(--sl-cor-filete-claro);
  --color-primary: var(--sl-cor-azul);
  --color-link: var(--sl-cor-azul);
  --color-accent-deep-cream: var(--sl-cor-azul-texto-claro);
  --color-link-deep: var(--sl-cor-azul-texto-claro);
  --color-link-visited: var(--sl-cor-link-visitado-escuro);
  --color-link-visited-deep: var(--sl-cor-link-visitado-claro);
  --color-gold: var(--sl-cor-dourado-escuro);
  --color-gold-editorial: var(--sl-cor-dourado-claro);
  --color-gold-deep: var(--sl-cor-dourado-texto-claro);
  --color-red-editorial: var(--sl-cor-vermelho);
  --color-text-primary: var(--sl-cor-texto-escuro);
  --color-text-sidebar: var(--sl-cor-prosa-escuro);
  --color-text-subtle: var(--sl-cor-texto-2-escuro);
  --color-text-muted: var(--sl-cor-meta-escuro);
  --color-text-muted-deep: var(--sl-cor-meta-escuro);
  --color-text-soft: var(--sl-cor-texto-2-claro);
  --color-muted-cream: var(--sl-cor-meta-claro);
  --color-muted-deep-cream: var(--sl-cor-meta-claro);

  /* tipografia */
  --font-heading: var(--sl-fonte-titulo);
  --font-menu: var(--sl-fonte-titulo);
  --font-body: var(--sl-fonte-texto);
  --font-ui: var(--sl-fonte-texto);
  --font-mono: var(--sl-fonte-dado);
  --f-display: var(--sl-fonte-titulo);
  --f-body: var(--sl-fonte-texto);
  --f-ui: var(--sl-fonte-texto);
  --f-mono: var(--sl-fonte-dado);

  /* prosa longa (20 px, entrelinha 1,6, 54ch) */
  --prose-body: var(--sl-tam-prosa);
  --prose-leading: var(--sl-entrelinha-prosa);
  --prose-measure: var(--sl-prosa-medida);
  --prose-max: var(--sl-prosa-moldura);
  --prose-h2: var(--sl-tam-intertitulo);
  --prose-h3: var(--sl-tam-subtitulo);
  --prose-block-gap: var(--sl-esp-6);

  /* bloco editorial sem fundo tingido (fato e leitura seguram a marca pelo rótulo, filete e fonte) */
  --sl-tinta-fato: 0%;
  --sl-tinta-leitura: 0%;
}