:root {
  /* Cores Primárias */
  --azul-claro: #8ecae6;
  --azul-medio: #219ebc;
  --azul-escuro: #023047;
  --laranja: #ffb703;
  --laranja-escuro: #fb8500;
  --branco: #ffffff;
  --preto: #000000;

  /* Cores Secundárias */
  --fundo-escuro: #0f1419;
  --fundo-card: #1a1f2e;
  --texto-primario: #ffffff;
  --texto-secundario: #b0b8c1;
  --borda: rgba(142, 202, 230, 0.1);

  /* Fontes */
  --fonte-principal: 'Inter', sans-serif;
  --fonte-titulo: 'Poppins', sans-serif;
  --fonte-destaque: 'Montserrat', sans-serif;

  /* Espaçamento */
  --espacamento-xs: 0.5rem;
  --espacamento-sm: 1rem;
  --espacamento-md: 1.5rem;
  --espacamento-lg: 2rem;
  --espacamento-xl: 3rem;
  --espacamento-2xl: 4rem;

  /* Sombras */
  --sombra-sm: 0 2px 8px rgba(0, 0, 0, 0.15);
  --sombra-md: 0 4px 16px rgba(0, 0, 0, 0.25);
  --sombra-lg: 0 8px 32px rgba(33, 158, 188, 0.15);
  --sombra-glow: 0 0 20px rgba(255, 183, 3, 0.2);

  /* Transições */
  --transicao-rapida: 0.2s ease;
  --transicao-normal: 0.3s ease;
  --transicao-lenta: 0.5s ease;
}

/* Tema escuro (padrão) */
body {
  background-color: var(--fundo-escuro);
  color: var(--texto-primario);
}