/*
 * Design tokens compartilhados entre o tema (calcula-agro) e o plugin (calcula-engine).
 * Fonte única da verdade visual: paleta, radius, sombra, espaçamento, tipografia.
 * Nunca usar hex/px cru em componentes — sempre referenciar estas variáveis.
 */
:root {
  /* Cor - verde/branco/cinza-claro */
  --ca-color-primary-50:  #f0faf3;
  --ca-color-primary-100: #d9f2e1;
  --ca-color-primary-200: #b3e5c3;
  --ca-color-primary-300: #7fd39a;
  --ca-color-primary-400: #4fbb78;
  --ca-color-primary-500: #2f9e5e;
  --ca-color-primary-600: #26834d;
  --ca-color-primary-700: #1e6a3e;
  --ca-color-primary-800: #17522f;

  --ca-color-neutral-0:   #ffffff;
  --ca-color-neutral-50:  #f8f9fa;
  --ca-color-neutral-100: #f1f3f5;
  --ca-color-neutral-200: #e9ecef;
  --ca-color-neutral-300: #dee2e6;
  --ca-color-neutral-400: #adb5bd;
  --ca-color-neutral-500: #868e96;
  --ca-color-neutral-600: #495057;
  --ca-color-neutral-700: #343a40;
  --ca-color-neutral-800: #212529;
  --ca-color-neutral-900: #14161a;

  --ca-color-accent-amber: #f5a623;
  --ca-color-accent-blue:  #3b82f6;
  --ca-color-danger:       #e5484d;

  --ca-color-bg: var(--ca-color-neutral-0);
  --ca-color-bg-subtle: var(--ca-color-neutral-50);
  --ca-color-text: var(--ca-color-neutral-800);
  --ca-color-text-muted: var(--ca-color-neutral-600);
  --ca-color-border: var(--ca-color-neutral-200);

  /* Radius */
  --ca-radius-sm: 6px;
  --ca-radius-md: 10px;
  --ca-radius-lg: 16px;
  --ca-radius-xl: 24px;
  --ca-radius-full: 999px;

  /* Sombra */
  --ca-shadow-xs: 0 1px 2px rgba(20,22,26,0.04);
  --ca-shadow-sm: 0 1px 3px rgba(20,22,26,0.06), 0 1px 2px rgba(20,22,26,0.04);
  --ca-shadow-md: 0 4px 12px rgba(20,22,26,0.08);
  --ca-shadow-lg: 0 12px 32px rgba(20,22,26,0.10);

  /* Espaçamento (base 4px) */
  --ca-space-1: 4px;
  --ca-space-2: 8px;
  --ca-space-3: 12px;
  --ca-space-4: 16px;
  --ca-space-5: 24px;
  --ca-space-6: 32px;
  --ca-space-8: 48px;
  --ca-space-10: 64px;
  --ca-space-12: 96px;

  /* Tipografia */
  --ca-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --ca-text-xs: 0.75rem;
  --ca-text-sm: 0.875rem;
  --ca-text-base: 1rem;
  --ca-text-lg: 1.125rem;
  --ca-text-xl: 1.5rem;
  --ca-text-2xl: 2rem;
  --ca-text-3xl: 2.5rem;
  --ca-text-4xl: 3rem;

  --ca-container-max: 1180px;
  --ca-transition: 160ms cubic-bezier(0.4, 0, 0.2, 1);
}