/*
 * Meta CS — Tema escuro (Dark) para o kit visual v1.0
 * Acrescentado em 18/10/2026 por decisão do produto: o tema escuro continua em todos os sistemas.
 * Base: o Dark estilo GitHub do padrão v7 (#0d1117), reescrito com os nomes de variáveis do kit novo.
 * Contrastes conferidos (WCAG 2.1): texto 14.6:1, secundário 5.9:1, muted 5.1:1, link 5.6:1,
 * branco no botão primário 4.6:1, semânticas (texto sobre fundo) de 6.5:1 a 8.0:1.
 *
 * Uso: importe depois de tokens.css. Ative com <html data-theme="dark">.
 * A escolha fica no menu da conta (Padrão / Dark) e em localStorage['meta-theme'].
 */
:root[data-theme="dark"] {
  color-scheme: dark;

  /* Marca */
  --color-accent: #2f81f7;
  --color-accent-hover: #4493f8;
  --color-accent-soft: rgb(47 129 247 / 0.14);
  --color-accent-light: #0d2a4e;
  --color-accent-subtle: #0a1f3c;
  --color-brand-surface: #0d1117;       /* sidebar, topo mobile e painel do login */
  --color-button-primary: #1f6feb;      /* fundo do botão primário (branco sobre ele: 4.6:1) */
  --color-text-link: #4493f8;           /* link e texto em azul sobre o escuro */

  /* Superfícies */
  --color-bg: #0d1117;
  --color-surface: #161b22;
  --color-dark: #e6edf3;

  /* Texto */
  --color-text-primary: #e6edf3;
  --color-text-secondary: #9198a1;
  --color-text-muted: #848d97;
  --color-text-on-brand: #ffffff;

  /* Bordas */
  --color-border: #30363d;
  --color-border-strong: #3d444d;
  --color-border-light: #21262d;

  /* Semânticas (base · fundo · texto) */
  --color-success: #3fb950;  --color-success-light: #0f2d1a;  --color-success-dark: #56d364;
  --color-warning: #e3b341;  --color-warning-light: #2d2208;  --color-warning-dark: #e3b341;
  --color-danger: #f85149;   --color-danger-light: #3a1214;   --color-danger-dark: #ff7b72;
  --color-info: #58a6ff;     --color-info-light: #0d2a4e;     --color-info-dark: #79c0ff;

  /* Neutros (rampa invertida) */
  --slate-50: #161b22;  --slate-100: #1c2128; --slate-200: #21262d; --slate-300: #30363d;
  --slate-400: #656d76; --slate-500: #848d97; --slate-600: #9198a1; --slate-700: #b1bac4;
  --slate-800: #d0d7de; --slate-900: #e6edf3; --slate-950: #f0f6fc;

  /* Sombras: no escuro a profundidade vem da borda; a sombra só escurece */
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-card: 0 0 0 1px rgba(255, 255, 255, 0.02), 0 2px 8px -2px rgba(0, 0, 0, 0.4);
  --shadow-raised: 0 6px 16px -6px rgba(0, 0, 0, 0.55);
  --shadow-popover: 0 0 0 1px #30363d, 0 8px 24px -6px rgba(0, 0, 0, 0.6);
  --shadow-modal: 0 0 0 1px #30363d, 0 24px 64px -16px rgba(0, 0, 0, 0.7);
  --shadow-brand: 0 24px 48px -12px rgba(0, 0, 0, 0.6);
  --shadow-brand-top: 0 6px 18px -10px rgba(0, 0, 0, 0.6);
}

/* Logo: no escuro use sempre meta-logo-branca.png / meta-simbolo-branco.png (o azul some no fundo escuro). */