/*
 * Design tokens do CoreSystem V6 (CORE-V6-001).
 * Ponto de extensao unico do UIkit local - nunca editar os arquivos
 * vendor (ADR-001, zero CDN). Cor/tipografia/espacamento/raio/sombra/
 * foco vivem aqui como variaveis nomeadas; nenhuma tela ou componente
 * novo deve usar um valor solto (px, cor hex) quando existir um token
 * equivalente.
 *
 * Ritmo visual (escala de espacamento, raio de borda discreto, sombra
 * suave, tipografia) extraido de
 * old/t4system/public/assets/_adminkit-dev-template base/src/scss/
 * (ADR-003) - a marcacao/Bootstrap por tras do AdminKit nao foi usada,
 * so a proporcao. Fontes trocadas de Inter (CDN) para Plex Sans/Mono
 * (vendorizadas localmente, ADR-001). Paleta de cor mantida como ponto
 * de partida do AdminKit - ajustar aqui se a revisao visual (DesignSync)
 * pedir outra direcao, é so variavel.
 */

:root {
  /* Cor - marca e estado */
  --core-primary: #3b7ddd;
  --core-secondary: #6c757d;
  --core-success: #1cbb8c;
  --core-info: #17a2b8;
  --core-warning: #fcb92c;
  --core-danger: #dc3545;

  /* Cor - "tint" (fundo suave p/ badge/alerta), extraído dos protótipos
     de tela (CORE-V6-001) - antes eram valores rgba() soltos repetidos
     em cada template */
  --core-success-tint: rgba(28, 187, 140, 0.12);
  --core-danger-tint: rgba(220, 53, 69, 0.1);
  --core-warning-tint: rgba(252, 185, 44, 0.15);
  --core-info-tint: rgba(23, 162, 184, 0.12);
  --core-neutral-tint: rgba(108, 117, 125, 0.15);
  /* CORE-V6-223 - faltava o tint da própria cor de marca (só existiam os
     de estado), necessário pra fundo suave de ação primária. Mesmo
     `--core-primary` em rgba, mesma opacidade dos vizinhos. */
  --core-primary-tint: rgba(59, 125, 221, 0.12);

  /* Cor - superficie e texto */
  --core-bg: #f5f7fb;
  --core-surface: #ffffff;
  --core-surface-2: #f8f9fa;
  --core-ink: #495057;
  --core-ink-soft: #6c757d;
  --core-ink-faint: #adb5bd;
  --core-line: rgba(33, 37, 41, 0.08);
  --core-line-strong: rgba(33, 37, 41, 0.16);

  /* Cor - sidebar (escura, mesmo contraste do AdminKit) */
  --core-sidebar-bg: #222e3c;
  --core-sidebar-cta-bg: #2b3947;
  --core-sidebar-ink: rgba(233, 236, 239, 0.5);
  --core-sidebar-ink-hover: rgba(233, 236, 239, 0.75);
  --core-sidebar-ink-active: #e9ecef;

  /* Tipografia */
  --core-font-sans: 'Plex Sans', -apple-system, 'Segoe UI', Roboto, sans-serif;
  --core-font-mono: 'Plex Mono', ui-monospace, Consolas, monospace;
  --core-text-sm: 0.75rem;
  --core-text-base: 0.875rem;
  --core-text-md: 0.925rem;
  --core-text-lg: 1.25rem;
  --core-text-xl: 1.5rem;
  --core-text-2xl: 1.75rem;
  --core-leading-base: 1.5;
  --core-weight-light: 300;
  --core-weight-normal: 400;
  --core-weight-semibold: 600;

  /* Espacamento (escala do AdminKit: spacer 1rem x 0/.25/.5/1/1.5/3/4.5/6) */
  --core-space-0: 0;
  --core-space-1: 0.25rem;
  --core-space-2: 0.5rem;
  --core-space-3: 1rem;
  --core-space-4: 1.5rem;
  --core-space-5: 3rem;
  --core-space-6: 4.5rem;
  --core-space-7: 6rem;

  /* Raio de borda (discreto de propósito - parte da elegância do AdminKit
     é não arredondar demais) */
  --core-radius-sm: 0.1rem;
  --core-radius-md: 0.2rem;
  --core-radius-lg: 0.3rem;
  --core-radius-pill: 999px;

  /* Sombra (suave, baixa opacidade - mesmo princípio do AdminKit) */
  --core-shadow-sm: 0 0.05rem 0.2rem rgba(0, 0, 0, 0.05);
  --core-shadow-md: 0 0 0.875rem 0 rgba(33, 37, 41, 0.05);
  --core-shadow-lg: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.05);
  --core-shadow-navbar: 0 0 2rem 0 rgba(33, 37, 41, 0.1);

  /* Foco (acessibilidade) */
  --core-focus-ring: 0 0 0 2px var(--core-bg), 0 0 0 4px var(--core-primary);
  --core-focus-color: var(--core-primary);

  /* Layout */
  --core-sidebar-w: 260px;

  color-scheme: light;
}

/* Desligado por ora (2026-07-25): o troca automática por
   prefers-color-scheme deixava só as classes de exceção (core-*) na
   aparência escura, porque os componentes uk-* nativos (uk-card,
   uk-navbar-dropdown, uk-table etc.) ainda não tinham override de tema
   - resultado inconsistente (navbar escura, card branco). Reativar
   trocando o seletor para :root:not([data-theme='light']) quando o
   modo escuro for revisado e aprovado como feature de verdade,
   cobrindo TODOS os componentes uk-* usados, não só o chassi custom. */
@media (prefers-color-scheme: dark) {
  :root[data-theme-auto-dark-enabled]:not([data-theme='light']) {
    --core-bg: #14181d;
    --core-surface: #1b2027;
    --core-surface-2: #232a33;
    --core-ink: #dee2e6;
    --core-ink-soft: #adb5bd;
    --core-ink-faint: #6c757d;
    --core-line: rgba(222, 226, 230, 0.12);
    --core-line-strong: rgba(222, 226, 230, 0.24);
    --core-shadow-sm: 0 0.05rem 0.2rem rgba(0, 0, 0, 0.24);
    --core-shadow-md: 0 0 0.875rem 0 rgba(0, 0, 0, 0.32);
    --core-shadow-lg: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.32);
    color-scheme: dark;
  }
}

:root[data-theme='dark'] {
  --core-bg: #14181d;
  --core-surface: #1b2027;
  --core-surface-2: #232a33;
  --core-ink: #dee2e6;
  --core-ink-soft: #adb5bd;
  --core-ink-faint: #6c757d;
  --core-line: rgba(222, 226, 230, 0.12);
  --core-line-strong: rgba(222, 226, 230, 0.24);
  --core-shadow-sm: 0 0.05rem 0.2rem rgba(0, 0, 0, 0.24);
  --core-shadow-md: 0 0 0.875rem 0 rgba(0, 0, 0, 0.32);
  --core-shadow-lg: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.32);
  color-scheme: dark;
}