/**
 * Design system – tema claro inspirado em referência
 * Variáveis reutilizáveis para sidebar e dashboard
 */
:root {
  /* Cores */
  --ds-primary: #16a34a;
  --ds-primary-hover: #15803d;
  --ds-surface: #ffffff;
  --ds-surface-alt: #f9fafb;
  --ds-surface-active: #f3f4f6;
  --ds-border: #e5e7eb;
  --ds-text: #111827;
  --ds-text-muted: #6b7280;
  --ds-text-caption: #9ca3af;
  --ds-success: #16a34a;
  --ds-warning: #d97706;
  --ds-error: #dc2626;
  --ds-info: #2563eb;
  /* Accent cards */
  --ds-accent-lavender: #f0fdf4;
  --ds-accent-peach: #fffbeb;
  --ds-accent-coral: #fef2f2;
  --ds-accent-mint: #f0fdf4;
  --ds-accent-violet: #f5f3ff;
  /* Tipografia */
  --ds-font: Inter, system-ui, -apple-system, sans-serif;
  --ds-text-xs: 0.75rem;
  --ds-text-sm: 0.875rem;
  --ds-text-md: 1rem;
  --ds-text-lg: 1.125rem;
  --ds-text-xl: 1.5rem;
  --ds-text-xxl: 2rem;
  --ds-weight-regular: 400;
  --ds-weight-medium: 500;
  --ds-weight-bold: 700;
  /* Espaçamento */
  --ds-space-xs: 0.25rem;
  --ds-space-sm: 0.5rem;
  --ds-space-md: 1rem;
  --ds-space-lg: 1.5rem;
  --ds-space-xl: 2rem;
  /* Raios e sombras */
  --ds-radius-sm: 6px;
  --ds-radius-md: 8px;
  --ds-radius-lg: 12px;
  --ds-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --ds-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);
  --ds-shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.1);
  /* Transição */
  --ds-transition: 250ms ease-in-out;
}