/* ============================================================================
   MODULO 01/8 - app/01-tokens.css (ex-app.css linhas 1-62). Tokens: :root unico do tema claro (cores, raios, sombras). A ORDEM DE INCLUSAO 01->08 E CRITICA - nao reordenar.
   ============================================================================ */
/* ==========================================================================
   ÚNICO :root de TEMA CLARO do app.
   Consolidação (last-wins) dos 3 antigos blocos :root que existiam nas
   linhas ~1, ~1245 ("Modern UX Patch") e ~2495 — cada token abaixo carrega
   o valor EFETIVO que a cascata já entregava antes; NADA mudou na renderização.
   Divergências entre alias legado --bm-* e o token de marca --tenka-* estão
   comentadas token a token (decisão de rebranding pendente do dono).
   Blocos de tema escuro (.theme-dark / @media prefers-color-scheme) intactos.
========================================================================== */
:root {
	/* ── Marca Tenka (por BMCode) — tokens oficiais p/ UI nova; ver definicoes/TENKA-MARCA.md ── */
	--tenka-navy: #2B2F6E;         /* institucional: cabeçalho/sidebar, superfícies escuras */
	--tenka-indigo: #4650D4;       /* AÇÃO: botões primários, links, foco, seleção (só isso) */
	--tenka-indigo-hover: #3A43B8;
	--tenka-indigo-light: #8A91E8;
	--tenka-indigo-tint: #EDEEFB;
	--tenka-gray: #6D7076;         /* texto secundário, ícones de apoio */
	--tenka-gray-strong: #3E4046;  /* texto primário sobre fundo claro */
	--tenka-gray-light: #EEEFF4;   /* superfícies, divisórias, zebra */
	--tenka-success: #1E8E5A;      /* só dinheiro bom */
	--tenka-danger: #D64545;       /* só dinheiro ruim/erro */
	--tenka-warning: #C9861B;      /* atenção */

	/* ── Tokens legados --bm-*: valores EFETIVOS (o "Modern UX Patch" vencia a cascata) ── */
	--bm-primary: var(--bm-blue, #26327a);          /* SEGUE a cor do tenant (corPrimaria) quando definida */
	--bm-primary-dark: color-mix(in srgb, var(--bm-blue, #26327a) 78%, #000);
	--bm-primary-light: color-mix(in srgb, var(--bm-blue, #26327a) 10%, #fff);
	--bm-primary-soft: rgba(38, 50, 122, 0.10);
	/* AÇÃO = identidade visual do tenant (corPrimaria via --bm-blue), suavizada rumo ao navy p/ coesão "por BMCode" + contraste; fallback = índigo Tenka */
	--bm-action: color-mix(in srgb, var(--bm-blue, var(--tenka-indigo)) 90%, var(--tenka-navy));
	--bm-action-hover: color-mix(in srgb, var(--bm-blue, var(--tenka-indigo)) 72%, #000);
	/* Copiloto IA agora segue a COR DA EMPRESA (--bm-action), como o resto das ações (decisão do usuário). */
	--bm-copiloto: var(--bm-action);
	--bm-copiloto-2: var(--bm-action-hover);
	--bm-bg: #eef4fb;
	--bm-surface: #ffffff;
	--bm-surface-soft: #f8fafc;
	--bm-surface-strong: #f1f5f9;
	/* Fundo de "trilho" de gráfico (barra/gantt/stackbar). Antes NÃO era definido → todo
	   var(--bm-surface-alt,#f8fafc) caía no fallback claro e os gráficos ficavam brancos no escuro. */
	--bm-surface-alt: #eef2f7;
	--bm-border: #d8e2ef;
	--bm-text: #0f172a;            /* diverge de --tenka-gray-strong (#3E4046) — decisão de marca pendente */
	--bm-muted: #64748b;           /* diverge de --tenka-gray (#6D7076) — decisão de marca pendente */
	--bm-muted-light: #94a3b8;
	--bm-success: #10b981;         /* diverge de --tenka-success (#1E8E5A) — decisão de marca pendente */
	--bm-warning: #f59e0b;         /* diverge de --tenka-warning (#C9861B) — decisão de marca pendente */
	--bm-danger: #ef4444;          /* diverge de --tenka-danger (#D64545) — decisão de marca pendente */
	/* ── Cores de STATUS "fortes" (tom-600) p/ telas de vitrine — antes eram hex fixo e quebravam o dark ── */
	--bm-danger-strong: #dc2626;   /* vermelho de texto/ícone de status (tom-600) */
	--bm-success-strong: #16a34a;  /* verde de status (tom-600) */
	--bm-warning-strong: #d97706;  /* âmbar de status (tom-600) */
	--bm-accent: #4f6bff;          /* azul de acento usado em telas antigas */

	/* ── Layout / forma ── */
	--sidebar-width: 280px;
	--sidebar-collapsed-width: 72px;
	--radius-sm: 10px;
	--radius: 16px;
	--radius-lg: 22px;
	--shadow: 0 4px 18px rgba(15, 23, 42, 0.08);
	--shadow-soft: 0 8px 28px rgba(15, 23, 42, 0.06);
	--shadow-card: 0 18px 48px rgba(15, 23, 42, 0.08);
}