/* ============================================================================
   AIONSAT CRM — DESIGN TOKENS
   Tema claro/escuro baseado em variáveis CSS (custom properties)
   ============================================================================ */

:root {
  /* Cores principais da marca */
  --color-primary: #0F62FE;
  --color-primary-hover: #0043CE;
  --color-secondary: #111827;

  /* Tema claro (padrão) */
  --bg-body: #F7F8FA;
  --bg-surface: #FFFFFF;
  --bg-surface-alt: #F2F4F7;
  --text-primary: #111827;
  --text-secondary: #6B7280;
  --border-color: #E5E7EB;
  --shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.06);
  --shadow-md: 0 4px 12px rgba(16, 24, 40, 0.08);

  /* Raio e espaçamento (bordas arredondadas, cards modernos) */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  /* Transições suaves */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;

  /* Status do funil (kanban) */
  --status-novo: #6B7280;
  --status-contato: #0F62FE;
  --status-enviado: #7C3AED;
  --status-negociacao: #F59E0B;
  --status-aguardando: #FB923C;
  --status-aprovado: #10B981;
  --status-perdido: #EF4444;
  --status-concluido: #059669;

  /* Ponte com as variáveis internas do Bootstrap — sem isso, componentes
     do Bootstrap (card, table, modal, dropdown, form-select) usam a cor de
     texto fixa deles (quase preto), que fica ilegível no tema escuro. */
  --bs-body-color: var(--text-primary);
  --bs-body-bg: var(--bg-body);
  --bs-emphasis-color: var(--text-primary);
  --bs-secondary-color: var(--text-secondary);
  --bs-heading-color: var(--text-primary);
  --bs-border-color: var(--border-color);
  --bs-border-color-translucent: var(--border-color);
  --bs-link-color: var(--color-primary);
  --bs-link-hover-color: var(--color-primary-hover);
  --bs-card-color: var(--text-primary);
  --bs-card-bg: var(--bg-surface);
  --bs-card-cap-bg: var(--bg-surface-alt);
  --bs-table-color: var(--text-primary);
  --bs-table-bg: transparent;
  --bs-table-striped-color: var(--text-primary);
  --bs-table-hover-color: var(--text-primary);
  --bs-modal-color: var(--text-primary);
  --bs-modal-bg: var(--bg-surface);
  --bs-dropdown-color: var(--text-primary);
  --bs-dropdown-bg: var(--bg-surface);
  --bs-dropdown-link-color: var(--text-primary);
  --bs-dropdown-link-hover-color: var(--text-primary);
  --bs-dropdown-link-hover-bg: var(--bg-surface-alt);
  --bs-form-select-color: var(--text-primary);
  --bs-form-select-bg: var(--bg-surface);
  --bs-tertiary-bg: var(--bg-surface-alt);
  --bs-secondary-bg: var(--bg-surface-alt);
}

[data-theme="dark"] {
  --bg-body: #0B0F19;
  --bg-surface: #111827;
  --bg-surface-alt: #1A2233;
  --text-primary: #F3F4F6;
  --text-secondary: #9CA3AF;
  --border-color: #263041;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}