:root {
  /* Cores base: tema CLARO da vault (DESIGN, Joviano Design System).
   * Nomes de token preservados do esqueleto original; so os valores mudam. */
  --bg: #F3F4F6;
  --bg-elev: #F8F9FA;
  --surface: #FFFFFF;
  --surface-glass: rgba(255, 255, 255, 0.85);
  --border: #E5E7EB;
  --text: #1a1a2e;
  --text-dim: #6b7280;
  --accent: #FF7500;
  --accent-hover: #CC5C00;
  --accent-soft: #FFF1E5;
  --success: #16a34a;
  --danger: #dc2626;
  --warning: #d97706;

  /*
   * Tema escuro (referencia DataEvo), usado na 1a versao deste CRM.
   * Guardado para eventual volta de paleta:
   * --bg: #0d0f12;  --bg-elev: #14171c;  --surface: #1a1e24;
   * --surface-glass: rgba(26,30,36,.6);  --border: #262b33;
   * --text: #e8eaed;  --text-dim: #9aa0a8;  --accent-hover: #ff8c2e;
   * --accent-soft: rgba(255,117,0,.12);
   * --success: #2ecc71;  --danger: #e74c3c;  --warning: #f1c40f;
   */

  /* Cores semanticas do CRM: semaforo de atividade */
  --sem-ativo: #22c55e;
  --sem-atencao: #eab308;
  --sem-urgente: #f97316;
  --sem-critico: #ef4444;
  --sem-inativo: #64748b;

  /* Cores dos interesses (badges) — tons escurecidos p/ contraste no claro */
  --int-vida: #6366f1;
  --int-saude: #db2777;
  --int-previdencia: #ca8a04;

  /* Tipografia */
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-base: 14px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --fs-2xl: 28px;

  /* Espacos */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;

  /* Raios e sombras (flat-first: sombra so em camadas flutuantes) */
  --radius: 10px;
  --radius-sm: 6px;
  --radius-lg: 16px;
  --shadow: 0 8px 24px rgba(15, 23, 42, 0.10);
  --shadow-glass: 0 4px 16px rgba(15, 23, 42, 0.06);
  --blur: blur(12px);

  /* Layout */
  --sidebar-w: 248px;
  --topbar-h: 60px;
}