:root {
  --cor-fundo: #e9eef6;
  --cor-lateral: #e3e9f2;
  --cor-superficie: #ffffff;
  --cor-superficie-suave: #f5f8fe;
  --cor-texto: #071833;
  --cor-texto-suave: #5f6f89;
  --cor-borda: #d8e0ec;
  --cor-borda-forte: #c7d2e2;
  --cor-primaria: #4f80e8;
  --cor-primaria-forte: #2f65d8;
  --cor-primaria-suave: #e7efff;
  --cor-secundaria: #10b981;
  --cor-secundaria-suave: #dcfce7;
  --cor-alerta: #e08304;
  --cor-alerta-suave: #fff1d7;
  --cor-perigo: #ff6b57;
  --cor-perigo-suave: #ffe8e3;
  --cor-sucesso: #00a879;
  --cor-sucesso-suave: #def8ee;
  --sombra-suave: 0 10px 22px rgba(27, 43, 76, 0.05);
  --sombra-media: 0 16px 38px rgba(27, 43, 76, 0.1);
  --raio-sm: 8px;
  --raio-md: 12px;
  --raio-lg: 18px;
  --espaco-1: 0.25rem;
  --espaco-2: 0.5rem;
  --espaco-3: 0.75rem;
  --espaco-4: 1rem;
  --espaco-5: 1.25rem;
  --espaco-6: 1.5rem;
  --espaco-8: 2rem;
  --espaco-10: 2.5rem;
  --fonte-base: "Segoe UI", Roboto, Arial, sans-serif;
  --texto-xs: 0.78rem;
  --texto-sm: 0.9rem;
  --texto-md: 1rem;
  --texto-lg: 1.12rem;
  --texto-xl: 1.35rem;
  --texto-2xl: 2rem;
  --texto-3xl: 2.45rem;
  --linha-base: 1.48;
}