/* XMetric colors. Light theme on :root, dark theme on [data-theme="dark"] / .theme-dark.
   Brand: purple primary (#7c4dff) + blue secondary (#3b82f6), used as pontual accent —
   never as a page background. The sidebar is ALWAYS dark, in both themes. */

:root {
  /* ---- Brand ---- */
  --accent: #7c4dff;              /* primary — actions, active, highlights */
  --accent-2: #3b82f6;            /* secondary — series, support icons */
  --accent-strong: color-mix(in srgb, #7c4dff 82%, #000);
  --accent-soft: color-mix(in srgb, #7c4dff 13%, #fff);

  /* ---- Neutral surfaces (light) ---- */
  --bg: #f6f6f4;
  --surface: #ffffff;
  --tile: #faf9f7;
  --tile2: #f2f0ec;
  --border: #ecebe7;
  --border2: #f1efeb;
  --header-bg: rgba(246, 246, 244, .85);

  /* ---- Text (light) ---- */
  --text: #1c1a17;
  --text2: #2a2723;
  --text3: #4a4741;
  /* Os tres degraus de texto secundario passaram a respeitar o piso do WCAG AA
     (4,5:1 para texto pequeno). Os valores antigos foram medidos no Chromium
     contra o fundo real de cada elemento e reprovavam os tres: --muted 3,62:1
     no corpo dos cartoes, --muted2 2,94:1 no rotulo do seletor de cliente
     ("CLIENTE" quase invisivel), --faint 1,95:1 no numero da versao do rodape.
     A hierarquia entre eles fica mais curta de proposito: ela agora e carregada
     por tamanho e peso (15px normal > 12px maiusculo > 11px monoespacado), e nao
     por quanto a cor some. O pior fundo real do tema claro e --bg #f6f6f4. */
  --muted: #68645d;               /* 5,44:1 em --bg · 5,88:1 em --surface */
  --muted2: #6e6a63;              /* 4,97:1 em --bg · 5,38:1 em --surface */
  --faint: #736f68;               /* 4,62:1 em --bg · 5,00:1 em --surface */

  /* ---- Semantic (light) ---- */
  --pos: #15803d;   /* positive / success */
  --neg: #dc2626;   /* negative / error */
  --warn: #b45309;  /* warning / pending */
  --info: #2563eb;  /* informational */
  --purple: #7c3aed;

  /* ---- Sidebar (always dark) ----
     Os MESMOS valores do tema escuro, de proposito: a barra lateral e escura
     nos dois temas. O par #0d0f14/#262421 que estava aqui era um quase-preto
     morno e deixava a barra visivelmente diferente entre um tema e outro. */
  --sb: #0c0d10;
  --sb-line: #1e2127;
  --sb-text: #f5f3f0;
  --sb-muted: #8a8681;
}

[data-theme="dark"], .theme-dark {
  --accent: #7c4dff;
  --accent-2: #3b82f6;
  --accent-strong: color-mix(in srgb, #7c4dff 60%, #fff);
  --accent-soft: color-mix(in srgb, #7c4dff 26%, #181b20);

  --bg: #0f1115;
  --surface: #181b20;
  --tile: #20242b;
  --tile2: #272c34;
  --border: #2b3038;
  --border2: #23272f;
  --header-bg: rgba(13, 15, 19, .85);

  --text: #e7e8ec;
  --text2: #d4d7dd;
  --text3: #b2b6bf;
  /* No escuro a folga era maior, mas nao existia. O --muted passava em
     --surface (5,37:1) e em --tile (4,84:1) e reprovava por pouco em --tile2
     (4,36:1), onde vivem os textos de apoio de Midia e Integracoes; sobe o
     minimo para limpar esse fundo tambem. --muted2 reprovava no rotulo do
     seletor de cliente (4,11:1) e --faint no numero da versao (3,08:1). */
  --muted: #8d939c;               /* 4,54:1 em --tile2 · 5,58:1 em --surface */
  --muted2: #808690;              /* 5,16:1 em --bg · 4,71:1 no seletor */
  --faint: #787e88;               /* 4,62:1 em --bg */

  --pos: #4ade80;
  --neg: #f87171;
  --warn: #fbbf24;
  --info: #60a5fa;
  --purple: #a78bfa;

  --sb: #0c0d10;
  --sb-line: #1e2127;
  --sb-text: #f5f3f0;
  --sb-muted: #8a8681;
}