/* Base visual do CORE AI.
   Tema escuro por padrão, porque o painel é ferramenta de trabalho prolongado
   e convive com um terminal. Claro quando o sistema pedir. */

:root {
  --fundo: #0e1014;
  --superficie: #16191f;
  --superficie-alta: #1d2128;
  --borda: #272c35;
  --borda-forte: #353c47;

  --texto: #e8eaed;
  --texto-medio: #b4bac4;
  --texto-fraco: #828b99;

  --acento: #4f7fff;
  --acento-fraco: #4f7fff26;

  --ok: #3fb950;
  --ok-fundo: #3fb9501f;
  --trabalhando: #d29922;
  --trabalhando-fundo: #d299221f;

  --erro-texto: #ff8d85;
  --erro-fundo: #f851491a;
  --erro-borda: #f8514940;

  --mono: ui-monospace, "SF Mono", "Cascadia Mono", "JetBrains Mono", Menlo, Consolas, monospace;
  --sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
}

@media (prefers-color-scheme: light) {
  :root:not([data-tema="escuro"]) {
    --fundo: #f7f8fa;
    --superficie: #fff;
    --superficie-alta: #f1f3f6;
    --borda: #e2e5ea;
    --borda-forte: #cdd2da;

    --texto: #1a1d23;
    --texto-medio: #4b5362;
    --texto-fraco: #727b8a;

    --acento: #2f62e8;
    --acento-fraco: #2f62e81a;

    --ok: #1a7f37;
    --ok-fundo: #1a7f3714;
    --trabalhando: #9a6700;
    --trabalhando-fundo: #9a670014;

    --erro-texto: #b81c15;
    --erro-fundo: #f851490f;
    --erro-borda: #f8514933;
  }
}

:root[data-tema="claro"] {
  --fundo: #f7f8fa;
  --superficie: #fff;
  --superficie-alta: #f1f3f6;
  --borda: #e2e5ea;
  --borda-forte: #cdd2da;
  --texto: #1a1d23;
  --texto-medio: #4b5362;
  --texto-fraco: #727b8a;
  --acento: #2f62e8;
  --acento-fraco: #2f62e81a;
  --ok: #1a7f37;
  --ok-fundo: #1a7f3714;
  --trabalhando: #9a6700;
  --trabalhando-fundo: #9a670014;
  --erro-texto: #b81c15;
  --erro-fundo: #f851490f;
  --erro-borda: #f8514933;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
}

body {
  background: var(--fundo);
  color: var(--texto);
  font-family: var(--sans);
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

/* Foco visível para quem navega por teclado. */
:focus-visible {
  outline: 2px solid var(--acento);
  outline-offset: 2px;
}

/* Barras de rolagem discretas, no tom do tema. */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: var(--borda-forte);
  border-radius: 5px;
  border: 2px solid var(--fundo);
}
::-webkit-scrollbar-thumb:hover { background: var(--texto-fraco); }

/* Quem prefere menos movimento não recebe animação. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}