/* VotBot design tokens — shared by the panel (React) and the WordPress theme.
   Greens sit near WhatsApp's family (chat context) without reusing its brand hexes. */
:root {
  --vb-primary: #0A7B5B;        /* buttons, links — 5.25:1 on white */
  --vb-primary-hover: #086A4E;
  --vb-primary-soft: #E3F4EC;
  --vb-accent: #25C26A;         /* highlights, ticks, charts — ink text only */
  --vb-accent-light: #7EE2A8;   /* accents on dark surfaces */
  --vb-mint: #DFF6E8;           /* outgoing chat bubble */
  --vb-ink: #10221C;            /* text, dark sections */
  --vb-ink-2: #1B3A30;
  --vb-muted: #4A5D56;          /* secondary text — 7:1 on white */
  --vb-bg: #F5F9F7;
  --vb-surface: #FFFFFF;
  --vb-border: #DCE7E2;
  --vb-amber: #F2A93B;          /* "new", warnings — ink text only */
  --vb-danger: #B42318;
  --vb-info: #1D5FD1;

  --vb-font-head: "Manrope", "Inter", system-ui, sans-serif;   /* latin-ext (ə) + cyrillic */
  --vb-font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --vb-radius-sm: 8px;
  --vb-radius: 14px;
  --vb-radius-lg: 22px;
  --vb-shadow-sm: 0 1px 2px rgba(16, 34, 28, .06), 0 1px 3px rgba(16, 34, 28, .08);
  --vb-shadow: 0 8px 24px rgba(16, 34, 28, .08);
  --vb-shadow-lg: 0 24px 60px rgba(16, 34, 28, .14);

  --vb-space-1: 4px; --vb-space-2: 8px; --vb-space-3: 12px; --vb-space-4: 16px;
  --vb-space-5: 24px; --vb-space-6: 32px; --vb-space-7: 48px; --vb-space-8: 64px; --vb-space-9: 96px;

  --vb-ease: cubic-bezier(.2, .7, .2, 1);
  --vb-dur: 200ms;
}
@media (prefers-reduced-motion: reduce) { :root { --vb-dur: 0ms; } }