:root {
  /* 🎨 Paleta de Cores */
  --color-primary: #0059b3;
  --color-primary-light: #0077e6;
  --color-secondary: #f9b233;
  --color-accent: #00c2a8;
  --color-bg: #f5f7fa;
  --color-surface: #ffffff;
  --color-text: #222222;
  --color-muted: #666666;
  --color-border: #e0e0e0;
  --color-error: #e63946;

  /* 🧱 Espaçamentos (sistema modular) */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;

  /* 🖋️ Tipografia */
  --font-primary: 'Inter', Arial, sans-serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.5rem;
  --font-size-xl: 2rem;

  /* 🧩 Breakpoints */
  --bp-xs: 480px;
  --bp-sm: 768px;
  --bp-md: 992px;
  --bp-lg: 1200px;
  --bp-xl: 1440px;
}