/* ☀️ TEMA CLARO no sistema principal (v2.37.1087)
   ─────────────────────────────────────────────────────────────────────────────
   O css/00-tokens.css já tem o tema claro (:root[data-theme="light"]) pros 5 apps
   que nasceram claros. O sistema.html nunca usou: o main.css reescreve os apelidos
   antigos (--bg-0 … --text-4) com o escuro À MÃO, por cima dos tokens. Aqui, com o
   <html data-theme="light"> (o js/137-cores.js põe quando a PESSOA escolheu ☀️, ou
   a empresa deixou claro como padrão), esses apelidos voltam pro claro.
   :root[data-theme] ganha do :root do main.css pela especificidade. Sem o
   atributo (o normal, e sempre na JP enquanto ninguém escolher) nada aqui vale.
   "Por etapas" (decisão 3): tela que tem fundo escuro escrito à mão continua
   escura no tema claro até ser convertida. */
:root[data-theme="light"]{
  color-scheme:light;
  --bg-0:var(--color-slate-100);
  --bg-1:var(--color-white);
  --bg-2:var(--color-slate-50);
  --bg-3:var(--color-slate-200);
  --line:var(--color-slate-200);
  --line-soft:var(--color-slate-100);
  --text:var(--color-slate-950);
  --text-2:var(--color-slate-900);
  --text-3:var(--color-slate-600);
  --text-4:var(--color-slate-500);
  --shadow:0 10px 30px rgba(var(--color-slate-950-rgb,15,23,42),.10);
}
/* o fundo da página está escrito à mão no main.css (html,body: degradê #0f172a → #1e293b) */
html[data-theme="light"],html[data-theme="light"] body{background:linear-gradient(135deg,var(--bg-0) 0%,var(--bg-1) 100%)}