/* ============================================================
   MKL Brand — Identidade verde do TemPromoção
   "Verde é a marca." Sobrescreve o accent do tema (coral → verde),
   em claro e escuro. Prefixo html:root garante o override por
   especificidade (não depende de ordem de carregamento).
   Reversível: desative o plugin para voltar ao coral do tema.
   ============================================================ */

/* ---- accent = verde (claro/default) ---- */
html:root{
  --wp--preset--color--primary:#0B8F57;
  --wp--preset--color--primary-dark:#0A7A4A;
  --wp--preset--gradient--warm:linear-gradient(135deg,#0FA968 0%,#0A7A4A 100%);
}

/* ---- accent = verde (escuro) ---- */
@media (prefers-color-scheme:dark){
  html:root:not([data-theme="light"]){
    --wp--preset--color--primary:#2ED18A;
    --wp--preset--color--primary-dark:#3BE39A;
    --wp--preset--gradient--warm:linear-gradient(135deg,#2ED18A 0%,#0A7A4A 100%);
  }
}
html:root[data-theme="dark"]{
  --wp--preset--color--primary:#2ED18A;
  --wp--preset--color--primary-dark:#3BE39A;
  --wp--preset--gradient--warm:linear-gradient(135deg,#2ED18A 0%,#0A7A4A 100%);
}

/* ============================================================
   Veredito (semáforo) — verde = boa hora (= marca),
   âmbar = espere, vermelho = preço alto.
   Verde reaproveita o token success do tema.
   ============================================================ */
html:root{
  --mkl-warn:#B5720F; --mkl-warn-tint:#FAEFD9;
  --mkl-bad:#C6443F;  --mkl-bad-tint:#FBE7E5;
}
@media (prefers-color-scheme:dark){
  html:root:not([data-theme="light"]){
    --mkl-warn:#E7B052; --mkl-warn-tint:#2A2113;
    --mkl-bad:#F0736C;  --mkl-bad-tint:#2B1615;
  }
}
html:root[data-theme="dark"]{
  --mkl-warn:#E7B052; --mkl-warn-tint:#2A2113;
  --mkl-bad:#F0736C;  --mkl-bad-tint:#2B1615;
}

/* Componente de veredito: <span class="mkl-verdict is-good"><span class="dot"></span>Boa hora</span> */
.mkl-verdict{
  display:inline-flex; align-items:center; gap:.5rem;
  font-weight:700; font-size:.9rem; line-height:1;
  padding:.5rem .9rem; border-radius:999px; border:1px solid transparent;
}
.mkl-verdict .dot{
  width:9px; height:9px; border-radius:50%; background:currentColor;
  box-shadow:0 0 0 4px color-mix(in srgb, currentColor 20%, transparent);
}
.mkl-verdict.is-good{
  background:color-mix(in srgb, var(--wp--preset--color--success) 14%, var(--wp--preset--color--surface));
  color:var(--wp--preset--color--success);
  border-color:color-mix(in srgb, var(--wp--preset--color--success) 26%, transparent);
}
.mkl-verdict.is-warn{
  background:var(--mkl-warn-tint); color:var(--mkl-warn);
  border-color:color-mix(in srgb, var(--mkl-warn) 26%, transparent);
}
.mkl-verdict.is-bad{
  background:var(--mkl-bad-tint); color:var(--mkl-bad);
  border-color:color-mix(in srgb, var(--mkl-bad) 30%, transparent);
}

/* Tag compacta (feed / cards): <span class="mkl-tag is-good">Menor 90d</span> */
.mkl-tag{
  display:inline-block; font-size:.7rem; font-weight:800; letter-spacing:.02em;
  padding:.28rem .6rem; border-radius:999px; white-space:nowrap;
}
.mkl-tag.is-good{ background:color-mix(in srgb, var(--wp--preset--color--success) 14%, var(--wp--preset--color--surface)); color:var(--wp--preset--color--success); }
.mkl-tag.is-warn{ background:var(--mkl-warn-tint); color:var(--mkl-warn); }
.mkl-tag.is-bad{ background:var(--mkl-bad-tint); color:var(--mkl-bad); }