/* ==========================================================================
   CHECKPLACE DS — PONTE COM O CSS ANTIGO  (temporária, para migrar tela a tela)

   O que faz: faz as variáveis ANTIGAS do painel e do app apontarem para os tokens
   NOVOS. Assim, tudo que ainda usa var(--ink), var(--accent), var(--line)… herda a
   paleta nova sem edição, enquanto as telas são trocadas por componentes .cp-*.

   Como usar: carregar DEPOIS do <style> da página (e depois de tokens.css).
   `:root:root` tem especificidade maior que o `:root` do <style> antigo, então vence
   mesmo se a ordem for outra.

   O que NÃO faz (de propósito):
   - Não troca cores digitadas à mão (#147A4E, #C63C33 … — são 93 no app, 51 no painel).
     Essas só mudam quando a tela é migrada para componentes.
   - Não troca a fonte Space Grotesk do painel (está escrita direto nas regras).
     Troca mecânica:  Space Grotesk  →  var(--font-display)   (≈ 25 ocorrências).
   - Não corrige a borda dos campos do app (--line #DBE2EE = 1,3:1). Isso entra com o
     componente .cp-input.

   Efeitos visíveis ao ligar (revisar numa tela antes de publicar):
   - painel: --radius-md passa de 10px para 8px (os dois sistemas usavam o mesmo nome
     com valores diferentes; o DS venceu).
   - painel: --slate-2 (#93A0BC, 2,6:1) passa a #7E8BA8 (3,4:1) — ícones e textos apagados
     ficam um pouco mais escuros.

   REMOVER este arquivo quando `grep -c "var(--\(paper\|slate\|ink-soft\|accent-ink\)" ` der 0.
   ========================================================================== */

:root:root {
  /* ----- painel ----- */
  --paper:          var(--color-bg);
  --surface:        var(--color-surface);
  --surface-hover:  var(--color-surface-hover);
  --ink:            var(--color-text);
  --ink-soft:       var(--color-text-secondary);
  --slate:          var(--color-text-tertiary);
  --slate-2:        var(--color-icon-muted);
  --line:           var(--color-border);
  --line-strong:    var(--color-border-strong);
  --accent:         var(--color-primary);
  --accent-ink:     var(--color-text-link);
  --accent-soft:    var(--color-primary-soft);
  --amber:          var(--color-warning-text);
  --amber-strong:   var(--color-warning);
  --amber-fill:     var(--color-warning-soft);
  --red:            var(--color-danger-text);
  --red-strong:     var(--color-danger);
  --red-fill:       var(--color-danger-soft);
  --ok:             var(--color-success);
  --ok-fill:        var(--color-success-soft);
  --on-strong:      #FFFFFF;
  --shadow-pop:     var(--shadow-md);
  --focus:          0 0 0 3px rgba(17, 102, 254, .35);

  /* mesmo nome nos dois sistemas: valor do DS prevalece */
  --radius-sm:      6px;
  --radius-md:      8px;

  /* ----- app ----- */
  --bg:             var(--color-bg);
  --soft:           var(--color-text-secondary);
  --muted:          var(--color-text-tertiary);
  /* --ink, --line, --accent: já mapeados acima (mesmos nomes) */
  /* --line-soft e --font-display ficam como estão (mesmo valor do DS) */
}