/* ============================================================
   tema-plataforma.css — PONTE DE ALIAS (andaime, Onda 1)
   ------------------------------------------------------------
   Reaponta as variaveis dos DOIS sistemas de cor da plataforma
   (camada topo `:root` + camada `--ld-*` em `body.ld-body`) pros
   tokens do Soberano. Carregado DEPOIS de style.css pra vencer.
   Quando o estilo velho encolher ate so o exclusivo da plataforma,
   este arquivo morre inteiro (Onda 4). NAO e arquitetura.
   ============================================================ */

/* ---------- Camada 1 — variaveis do topo (:root) ---------- */
:root {
  /* cor de marca */
  --laranja: var(--vivo);
  --laranja-hover: var(--vivo-hover);   /* hover #D63D00 -> #E03F00 (Soberano) */
  --laranja-suave: var(--vivo-soft);    /* PIXEL: solido #FDE5D9 -> rgba leve, clareia badges/oferta/numero */

  /* fundo / texto / tinta */
  --claro: var(--background);
  --escuro: var(--foreground);
  --tinta: var(--foreground);

  /* superficies e bordas */
  --superficie: var(--muted);
  --elevada: var(--card);
  --borda: var(--border);
  --borda-sutil: var(--border);

  /* texto secundario / apoio */
  --cinza-medio: var(--muted-foreground);
  --cinza-leve: var(--muted-foreground);
  --sobre-escuro: var(--muted-foreground);

  /* raios — paridade aproximada consciente (so 20px coincide) */
  --r-lg: var(--radius-3xl);   /* 16px -> 20px */
  --r-xl: var(--radius-3xl);   /* 20px = 20px */
  --r-md: var(--radius-xl);    /* 10px -> 12px */
}

/* ---------- Camada 2 — variaveis --ld-* (area de guia) ----------
   O bloco vencedor de --ld-* esta em `body.ld-body` (style.css linha
   1721) com hex hardcoded. Aliases em :root seriam sobrescritos por
   essa regra mais especifica. Por isso a ponte redefine --ld-* no
   MESMO seletor `body.ld-body`, carregando depois pra vencer. */
body.ld-body {
  --ld-bg: var(--background);
  --ld-bg-soft: var(--muted);
  --ld-surface: var(--card);
  --ld-surface-soft: var(--background);
  --ld-ink: var(--foreground);
  --ld-text: var(--foreground);
  --ld-muted: var(--muted-foreground);
  --ld-faint: var(--muted-foreground);
  --ld-border: var(--border);
  --ld-border-soft: var(--border);
  --ld-orange: var(--vivo);
  --ld-orange-dark: var(--vivo-hover);   /* hover #D63D00 -> #E03F00 */
  --ld-orange-soft: var(--vivo-soft);    /* mesmo PIXEL: clareia realce suave */
  --ld-radius-sm: var(--radius-xl);
  --ld-radius-md: var(--radius-xl);
  --ld-radius-lg: var(--radius-3xl);
}

/* ---------- Onda 2 — miolo do guia montado em blocos Soberano ----------
   O conteudo do guia vem embrulhado em <article class="article-doc"> pra
   alinhar com o showcase do Soberano. Mas a casca da plataforma (.docs-article)
   JA E o card (fundo/borda/raio/padding/sombra). Pra nao virar card-dentro-de-card,
   neutraliza o chrome do article-doc quando ele esta aninhado na casca.
   A casca vira fragmento proprio na Onda 3; ate la, isto fica no andaime. */
.docs-content > .article-doc {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
  max-width: none;
  box-shadow: none;
}