:root {
  /* 🎨 Cores principais */
  --cor-primaria: #0067E5;
  --cor-secundaria: #2376db;
  --cor-escura: #084b9c;
  --cor-complementar: #8BCEE3;
  --cor-complementar-escuro: #308dfb;
  --cor-fundo: #ffffff;
  --color-surface: #f8f9fa;
  --color-text: #212529;
  --color-muted: #6c757d;

  /* 🖋️ Fontes */
  --font-family-base: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  --font-family-heading: 'Roboto', Arial, sans-serif;

  /* 🔠 Tamanhos de fonte */
  --font-size-small: 0.875rem;  /* 14px */
  --font-size-base: 1rem;       /* 16px */
  --font-size-large: 1.25rem;   /* 20px */
  --font-size-xlarge: 2rem;     /* 32px */

  /* 📏 Espaçamento (paddings/margens) */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
}