/* ============================================================
   PAINEL CESTA — paletas de teste (acento trocável)
   Carregado DEPOIS de cesta-theme.css. Sobrescreve SÓ a rampa-
   acento (as variáveis --cesta-green*, --cesta-amber, --cesta-ink);
   todo o resto do tema "despensa editorial" (papel creme, serifa,
   stepper, layout) é preservado, porque os tokens semânticos
   referenciam essas variáveis via var() e o CSS resolve na hora do uso.

   • SEM data-palette  → verde-folha (padrão, definido em cesta-theme.css)
   • data-palette="emtel"     → azul institucional Emtel
   • data-palette="vermelho"  → vermelho (teste)

   Obs.: os nomes das variáveis continuam "--cesta-green*" por
   compatibilidade — aqui elas representam genericamente a RAMPA-ACENTO,
   não necessariamente verde.
   Especificidade: usamos :root[...] (0,2,0) para empatar/ganhar do bloco
   dark de cesta-theme.css, e :root[data-theme="dark"][data-palette]
   (0,3,0) para o dark de cada paleta.
   ============================================================ */

/* ===================== AZUL EMTEL ===================== */
:root[data-palette="emtel"] {
  --cesta-green:        #1A56AB;   /* azul-primary oficial */
  --cesta-green-deep:   #213858;   /* azul-dark */
  --cesta-green-mid:    #3668B1;   /* azul-mid */
  --cesta-green-bright: #589DEB;   /* azul-light */
  --cesta-green-wash:   #DBE9F6;   /* azul-wash */
  --cesta-amber:        #F5B400;   /* amarelo Emtel como secundário */
  --cesta-ink:          #213858;   /* texto azul-quase-preto */
}
:root[data-theme="dark"][data-palette="emtel"] {
  --cesta-green:        #589DEB;
  --cesta-green-deep:   #0E1B30;
  --cesta-green-mid:    #3668B1;
  --cesta-green-bright: #7FB6F0;
  --cesta-green-wash:   rgba(88,157,235,0.14);
  --cesta-amber:        #FFB020;
  --cesta-ink:          #DBE9F6;
}

/* ===================== VERMELHO (teste) ===================== */
:root[data-palette="vermelho"] {
  --cesta-green:        #C62828;   /* vermelho principal */
  --cesta-green-deep:   #7A1F1A;
  --cesta-green-mid:    #D8453A;
  --cesta-green-bright: #EF6B5E;
  --cesta-green-wash:   #FBEAE7;
  --cesta-amber:        #C8842B;   /* mantém o trigo como secundário */
  --cesta-ink:          #2A1A18;   /* texto vermelho-quase-preto */
}
:root[data-theme="dark"][data-palette="vermelho"] {
  --cesta-green:        #F4877A;
  --cesta-green-deep:   #2A100D;
  --cesta-green-mid:    #E2594C;
  --cesta-green-bright: #FBA89D;
  --cesta-green-wash:   rgba(244,135,122,0.12);
  --cesta-amber:        #E0A653;
  --cesta-ink:          #F2E4E1;
}