/* Identidade visual da Kelly Keith Imóveis (cores e fontes), no modelo do marca.css do ITIBAN.
   Paleta: navy #142e4f e dourado #b09874. Tipografia: Outfit (títulos) e Inter (texto).
   Este arquivo carrega DEPOIS do admin.css (e do tema); é só ele que muda de um cliente para outro.
   As fontes vêm por <link> no <head> das páginas (sem @import aqui).
   T-0220: valores iguais aos que valiam no admin.css, sem mudar a aparência. Os valores de
   --bg-admin, --accent e --accent-soft são os efetivos (os do bloco "tokens centrais reafinados"
   do admin.css, que sempre venceram os do topo do arquivo). */

:root {
  --fonte-titulo: 'Outfit';

  /* o tema usa "gold" como cor de destaque */
  --gold: #b09874;
  --gold-hover: #9c8360;
  --accent: #1e5fa0;
  --accent-soft: rgba(30, 95, 160, .10);

  /* navy da marca (menu lateral, cabeçalhos escuros) */
  --navy: #142e4f;
  --navy-dark: #0a192f;

  /* neutros */
  --bg-admin: #edf0f6;
  --surface: #ffffff;
  --surface-hover: #f1f5f9;
  --text-main: #0f172a;
  --text-muted: #64748b;
  --border: #e2e8f0;

  /* estados */
  --success: #16a34a;
  --danger: #dc2626;
  --status-ativa: #10b981;
  --status-treinamento: #f59e0b;
  --status-inativa: #ef4444;
  --status-extravio: #991b1b;

  /* escalas internas do tema */
  --kk2-navy-900: #0a1a2f;
  --kk2-navy-800: #0f2440;
  --kk2-navy-700: #142e4f;
  --kk2-navy-600: #1b3d68;
  --kk2-navy-500: #26527f;
  --kk2-gold-700: #7d6743;
  --kk2-gold-600: #8f7550;
  --kk2-gold-500: #b09874;
  --kk2-gold-400: #c9b190;
  --kk2-gold-200: #e6dbc7;
  --kk2-gold-50:  #f8f4ec;
  --kk2-ring: 0 0 0 3px rgba(176, 152, 116, .32);
  --kk2-ring-danger: 0 0 0 3px rgba(220, 38, 38, .22);
  /* T-0224: tokens que o tema.css usa e o ERP nao definia (valores da imobiliaria, iguais
     aos que o admin.css escreve a mao nessas mesmas regras) */
  --gold-rgb: 176, 152, 116;
  --navy-rgb: 20, 46, 79;
  --navy-soft: #1e3a5f;
  --side-bg: #0b1a30;
  --warning: #d97706;
  --kk2-side-bg: linear-gradient(180deg, #0d2136 0%, #0a1a2c 55%, #081524 100%);
  --kk2-side-line: rgba(255, 255, 255, .07);
  --kk2-side-txt: #cbd8e6;
  --kk2-side-txt-dim: rgba(203, 216, 230, .55);
}

/* Todo token de cor de :root que o escuro muda precisa aparecer de novo aqui
   (:root e [data-theme="dark"] têm a mesma especificidade; vale o que vem por último). */
[data-theme="dark"] {
  --gold: #d4af37;
  --gold-hover: #c5a059;
  --accent: #6fa8dc;
  --accent-soft: rgba(111, 168, 220, .16);
  --navy: #09111e;
  --navy-dark: #050a12;
  --bg-admin: #080d16;
  --surface: #0e1726;
  --surface-hover: #152238;
  --text-main: #f8fafc;
  --text-muted: #94a3b8;
  --border: #1e293b;
  --success: #34d399;
  --danger: #f87171;

  /* aliases que no escuro têm valor próprio */
  --card-bg: #0e1726;
  --table-head-bg: #131f33;
  --surface-2: #152238;
  --bg-hover: #152238;

  --kk2-ring: 0 0 0 3px rgba(212, 175, 55, .28);
  --kk2-ring-danger: 0 0 0 3px rgba(248, 113, 113, .26);
  /* T-0224: mesmos tokens no escuro (valores da imobiliaria) */
  --gold-rgb: 212, 175, 55;
  --navy-rgb: 20, 46, 79;
  --navy-soft: #1e3a5f;
  --side-bg: #0b1a30;
  --warning: #fbbf24;
  --kk2-side-bg: linear-gradient(180deg, #0b1521 0%, #080f1a 60%, #060b13 100%);
  --kk2-side-line: rgba(255, 255, 255, .06);
  --kk2-side-txt: #b9c8d9;
  --kk2-side-txt-dim: rgba(185, 200, 217, .5);
}