/* ============================================
   KUMANI — TOKENS DE COR
   Fonte: KUMANI_Especificação_Mestra_UXUIDesign.md, secção 21–22
   ============================================ */

:root {
    /* --- Cores de marca (Guia de Marca oficial) ---
     REGRA DE MARCA: Verde é a cor dominante; Branco secundária;
     Preto terciária. Ouro, Cobre e Vermelho são EXCEPÇÕES
     DOCUMENTADAS E APROVADAS (decisão do cliente, 2026-09),
     usadas apenas em detalhes pontuais: badges de preço/destaque
     (Ouro), acentos decorativos raros (Cobre) e mensagens de
     erro (Vermelho). Nunca usar como cor dominante de secção. --- */
     
  --color-brand-primary: #4CAF50;            /* Verde Vivo — identidade dominante */
  --color-brand-primary-text: #2E7D32;       /* Verde acessível — texto/ícone sobre verde, cumpre AA */
  --color-brand-green-accessible: #2E7D32;   /* mesmo verde acessível, usado em fundos pequenos */
  --color-brand-black: #1B1B1B;              /* Preto Profundo */
  --color-brand-black-rgb: 27, 27, 27;       /* mesma cor em formato RGB, para usar com rgba() */
  --color-brand-gold: #FFD700;               /* Ouro Solar — só sobre preto, acento pontual (preço/destaque) */
  --color-brand-copper: #D2691E;             /* Castanho Cobre — uso decorativo raro */

  /* --- Escala de neutros (preto → branco) --- */
  --color-neutral-0: #FFFFFF;
  --color-neutral-100: #F5F5F5;
  --color-neutral-200: #E5E5E5;
  --color-neutral-300: #D4D4D4;
  --color-neutral-400: #A3A3A3;
  --color-neutral-500: #737373;
  --color-neutral-700: #404040;
  --color-neutral-800: #262626;
  --color-neutral-900: #1B1B1B;

  /* --- Cores semânticas (estados) --- */
  --color-danger: #DC143C;    /* Vermelho Carmim — erro/alerta, conforme guia de marca */
  --color-success: #2E7D32;   /* reaproveita o Verde acessível para estados de sucesso */

  /* --- Papéis de superfície e texto (o que os componentes realmente usam) --- */
  --color-bg: var(--color-neutral-0);
  --color-bg-subtle: var(--color-neutral-100);
  --color-surface: var(--color-neutral-0);
  --color-border: var(--color-neutral-200);
  --color-border-strong: var(--color-neutral-300);

  --color-text-primary: var(--color-brand-black);
  --color-text-secondary: var(--color-neutral-500);
  --color-text-on-brand: var(--color-neutral-0);

  --color-focus-ring: var(--color-brand-primary);
}