/* Gerado a partir de tokens/tokens.json · Kit canônico: family-brain/brain/brand/kit.md */

:root {
  /* Cores Base da Marca (Warm Memory & Craft) */
  --fb-cor-marca: #2E6F5E; /* Verde Sálvia Profundo — Cabeçalho, selos de confiança/privacidade e identidade estrutural */
  --fb-cor-marca-clara: #3D8B77; /* Hover e degradês suaves sobre a cor de marca */
  --fb-cor-marca-lavada: #E6F2EE; /* Fundo de seção suave, pílulas de categoria e destaque de entidade */
  --fb-cor-marca-tenue: rgba(46, 111, 94, 0.18); /* Anel de foco e contorno suave sobre fundo creme */
  --fb-cor-acao: #E05A3A; /* Terracota Quente — Botão principal (Dump / Perguntar), microfone e ação primária */
  --fb-cor-acao-escura: #C24527; /* Passar o mouse e pressionar o botão principal */
  --fb-cor-acao-lavada: #FCECE8; /* Fundo de destaque e de selo de ação */
  --fb-cor-papel: #FAF7F2; /* Creme Quente — Fundo padrão de tela (zero aspecto hospitalar) */
  --fb-cor-papel-cartao: #FFFFFF; /* Branco Puro — Superfície de cartões de memória, dossiês e barra de chat */
  --fb-cor-papel-fundo: #F2ECE1; /* Areia Suave — Fundo secundário, moldura de documentos e exames */
  --fb-cor-tinta: #1F1E1B; /* Espresso Escuro — Texto corrido principal */
  --fb-cor-tinta-suave: #66625B; /* Texto secundário, olho de seção, timestamps e legendas */
  --fb-cor-borda: #E4DDD3; /* Contorno quente de cartão, tabela e campo */
  --fb-cor-sobre-marca: #FFFFFF; /* Texto sobre fundo de marca ou botão de ação */
  --fb-cor-sucesso: #2B9348; /* Confirmação do Optimistic Commit (Anotado!) */
  --fb-cor-sucesso-lavado: #E6F6EC; /* Fundo de confirmação de memória salva */
  --fb-cor-alerta: #E99B26; /* Lembretes próximos (ex: Vacina do Toby vence em 15 dias) */
  --fb-cor-alerta-lavado: #FDF4E3; /* Fundo de lembrete familiar */
  --fb-cor-erro: #D62828; /* Alerta crítico ou exclusão */

  /* 8 Cores de Perfis da Família (Estilo Netflix) */
  --fb-membro-lavanda: #8B5CF6;
  --fb-membro-lavanda-fundo: #F3EFFE;
  --fb-membro-azul: #2563EB;
  --fb-membro-azul-fundo: #EBF1FF;
  --fb-membro-rosa: #DB2777;
  --fb-membro-rosa-fundo: #FCEEF5;
  --fb-membro-sol: #D97706;
  --fb-membro-sol-fundo: #FEF6E6;
  --fb-membro-menta: #059669;
  --fb-membro-menta-fundo: #E6F7F1;
  --fb-membro-coral: #EA580C;
  --fb-membro-coral-fundo: #FFF0E8;
  --fb-membro-turquesa: #0891B2;
  --fb-membro-turquesa-fundo: #E6F6FA;
  --fb-membro-ameixa: #9333EA;
  --fb-membro-ameixa-fundo: #F6ECFE;

  /* Espaçamento */
  --fb-espaco-1: 4px;
  --fb-espaco-2: 8px;
  --fb-espaco-3: 12px;
  --fb-espaco-4: 16px;
  --fb-espaco-5: 24px;
  --fb-espaco-6: 32px;
  --fb-espaco-7: 48px;
  --fb-espaco-8: 64px;
  --fb-espaco-9: 96px;

  /* Escala Tipográfica */
  --fb-texto-1: 0.8125rem;
  --fb-texto-2: 0.9375rem;
  --fb-texto-3: 1rem;
  --fb-texto-4: 1.125rem;
  --fb-texto-5: 1.375rem;
  --fb-texto-6: clamp(1.375rem, 1.15rem + 1.1vw, 1.75rem);
  --fb-texto-7: clamp(1.625rem, 1.1rem + 2.4vw, 2.25rem);
  --fb-texto-8: clamp(2rem, 1.1rem + 4.2vw, 3rem);

  /* Raios (Mais orgânicos e acolhedores que no B2B) */
  --fb-raio-1: 8px;
  --fb-raio-2: 14px;
  --fb-raio-3: 22px;
  --fb-raio-pilula: 999px;

  /* Sombras Quentes */
  --fb-sombra-1: 0 2px 6px rgba(31, 30, 27, 0.06);
  --fb-sombra-2: 0 8px 24px rgba(31, 30, 27, 0.09);
  --fb-sombra-3: 0 20px 48px rgba(31, 30, 27, 0.16);

  /* Tipografia */
  --fb-fonte-base: 'Plus Jakarta Sans', 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --fb-largura-conteudo: 1120px;
}