/* ============================================================================
   AXIS Design System v0.1 — camada de tokens
   Fonte: _desenvolvimento/axis_design_system_v01.html · contrato: DESIGN_SYSTEM.md

   Este arquivo e a UNICA fonte de verdade de cor, raio, espacamento e sombra.
   Nenhuma folha de estilo deve declarar hex fora daqui.

   Direcao: Precision Intelligence + Executive Analytics.
   ~80-85% da interface permanece neutra; azul-petroleo identifica a marca;
   verde/ambar/vermelho/azul-info sao EXCLUSIVAMENTE semanticos.
   ========================================================================== */

:root {
  /* ── Superficies ─────────────────────────────────────────────────────── */
  --canvas:      #F5F7F9;   /* fundo da aplicacao */
  --surface:     #FFFFFF;   /* cards, tabelas, paineis */
  --surface-2:   #F9FAFB;   /* cabecalho de tabela, zebra */
  --surface-3:   #EEF2F5;   /* chips, code, trilhos */

  /* ── Texto ───────────────────────────────────────────────────────────── */
  --ink:         #15202B;   /* corpo */
  --ink-strong:  #0D1720;   /* titulos */
  --muted:       #66737F;   /* apoio */
  --subtle:      #89939D;   /* legendas, metadados */

  /* ── Divisores ───────────────────────────────────────────────────────── */
  --border:        #DCE3E8;
  --border-strong: #C7D1D9; /* inputs e botoes: contorno com presenca */
  --border-soft:   #E8EDF1; /* divisor interno de tabela/lista */

  /* ── Marca (azul-petroleo) ───────────────────────────────────────────── */
  --brand-900: #17384D;     /* navegacao, superficies escuras */
  --brand-800: #1C465F;     /* acao primaria */
  --brand-700: #245872;     /* destaque, links, series de grafico */
  --brand-600: #2C6B86;
  --brand-500: #3A7D96;     /* apoio, series secundarias */
  --brand-100: #E6F0F4;     /* realce de linha/selecao */
  --brand-050: #F1F7F9;     /* fundo de insight */
  --brand-border: #D5E6EC;  /* contorno sobre fundo de marca */

  /* Texto sobre superficie de marca (brand-900) */
  --on-brand:        #EAF0F4;  /* corpo sobre marca */
  --on-brand-nav:    #C9D4DB;  /* item de navegacao em repouso */
  --on-brand-soft:   #DCE7ED;  /* citacao, texto de apoio claro */
  --on-brand-muted:  #9DB0BC;  /* metadado, rotulo de secao */
  --on-brand-strong: #FFFFFF;  /* item ativo, titulo */
  --on-brand-line:   rgba(255,255,255,.12);
  --on-brand-hover:  rgba(255,255,255,.07);
  --on-brand-active: rgba(255,255,255,.10);

  /* ── Semantica (nunca decorativa) ────────────────────────────────────── */
  --success:    #247A5A;  --success-bg: #EAF5EF;  --success-border: #CFE8DA;
  --warning:    #98651B;  --warning-bg: #FFF5E5;  --warning-border: #F2D9B1;
  --danger:     #A84646;  --danger-bg:  #FAECEC;  --danger-border:  #EBCFCF;
  --info:       #315E9A;  --info-bg:    #ECF2FA;  --info-border:    #D0E0F2;

  /* Semantica sobre superficie escura (brand-900) */
  --on-semantic:     #FFFFFF;  /* texto sobre fundo semantico solido */
  --success-on-dark: #7FD3B0;
  --danger-on-dark:  #F0A9A9;

  /* Serie categorica (grafico de linhas) — paleta validada apenas para os
     3 primeiros slots (distinguivel par-a-par, inclusive daltonismo). Nao
     usar alem do slot 3; nao reaproveitar para outro fim na interface. */
  --series-1: #2A78D6;  --series-2: #EB6834;  --series-3: #1BAF7A;

  /* ── Raio ────────────────────────────────────────────────────────────── */
  --radius-xs: 4px;   /* badge quadrado, chip */
  --radius-sm: 6px;   /* PADRAO: card, input, botao */
  --radius-md: 8px;   /* maximo habitual */
  --radius-lg: 12px;  /* somente shells e superficies maiores */
  --radius-pill: 999px;

  /* ── Espacamento (escala de 4px) ─────────────────────────────────────── */
  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px; --s5: 20px;
  --s6: 24px; --s8: 32px; --s10: 40px; --s12: 48px; --s16: 64px;

  /* ── Sombra (reservada a overlays) ───────────────────────────────────── */
  --shadow-overlay: 0 18px 45px rgba(23, 40, 55, .14);
  --shadow-soft:    0 1px 2px rgba(23, 40, 55, .04);

  /* ── Layout ──────────────────────────────────────────────────────────── */
  --sidebar: 264px;
  --topbar:  56px;
  --content: 1320px;

  /* ── Tipografia ──────────────────────────────────────────────────────── */
  --font-sans: Geist, Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}