:root {
  /* Brand palette (WhatsApp-inspired) */
  --brand-primary: #25D366;
  --brand-primary-600: #128C7E;
  --brand-primary-700: #0F6D6C;
  --brand-primary-50: #EAFBF1;
  --brand-link: #0B7BF2;

  /* Neutrals */
  --neutral-50: #F8F9FA;
  --neutral-100: #F1F3F5;
  --neutral-200: #E9ECEF;
  --neutral-300: #DEE2E6;
  --neutral-400: #CED4DA;
  --neutral-500: #ADB5BD;
  --neutral-600: #6C757D;
  --neutral-700: #495057;
  --neutral-800: #343A40;
  --neutral-900: #212529;

  /* Semantic (subtle, no effects) */
  --success: #198754;
  --danger: #DC3545;
  --warning: #FFC107;
  --info: #0DCAF0;

  /* Typography */
  --font-sans: system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";

  /* Spacing scale */
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;

  /* Radius */
  --radius-sm: .25rem;
  --radius-md: .5rem;
  --radius-lg: .75rem;

  /* Shadows (very subtle) */
  --shadow-sm: 0 1px 1px rgba(0,0,0,.04);
  --shadow-md: 0 2px 8px rgba(0,0,0,.06);
  --shadow-lg: 0 6px 16px rgba(0,0,0,.08);
}

/* Preferências de tema claro/escuro podem ser adaptadas conforme necessidade */