:root {
  --oe-color-azul: #1647BF;
  --oe-color-azul-hover: #103696;
  --oe-color-azul-suave: #EAF0FF;
  --oe-color-noite: #10244B;
  --oe-color-amarelo: #F4C542;
  --oe-color-amarelo-hover: #E5B52D;
  --oe-color-amarelo-suave: #FFF4CF;
  --oe-color-branco: #FFFFFF;
  --oe-color-papel: #F4F6FA;
  --oe-color-linha: #CBD3DF;
  --oe-color-texto: #172B4D;
  --oe-color-secundario: #52627C;
  --oe-color-sucesso: #176347;
  --oe-color-sucesso-suave: #E8F5EE;
  --oe-color-erro: #B32D32;
  --oe-color-erro-suave: #FFF0F0;
  --oe-color-alerta: #785500;
  --oe-space-1: 4px;
  --oe-space-2: 8px;
  --oe-space-3: 12px;
  --oe-space-4: 16px;
  --oe-space-5: 20px;
  --oe-space-6: 24px;
  --oe-space-7: 28px;
  --oe-space-8: 32px;
  --oe-space-10: 40px;
  --oe-space-12: 48px;
  --oe-space-16: 64px;
  --oe-space-20: 80px;
  --oe-space-24: 96px;
  --oe-radius-pequeno: 6px;
  --oe-radius-medio: 12px;
  --oe-radius-grande: 20px;
  --oe-radius-circular: 999px;
  --oe-font-display: Sora, sans-serif;
  --oe-font-texto: "Source Sans 3", sans-serif;
  --oe-font-regular: 400;
  --oe-font-medio: 500;
  --oe-font-semibold: 600;
  --oe-font-bold: 700;
  --oe-font-lineheight: 1.55;
  --oe-font-title-lineheight: 1.2;
  --oe-size-legenda: 14px;
  --oe-size-corpo: 18px;
  --oe-size-h3: 24px;
  --oe-size-h2: 36px;
  --oe-size-display: 64px;
  --oe-size-alvo: 44px;
  --oe-size-container: 1280px;
  --oe-size-borda: 1px;
  --oe-motion-rapido: 140ms;
  --oe-motion-normal: 220ms;
  --oe-shadow-overlay: 0px 16px 48px 0px rgb(16 36 75 / 12%);
  --oe-semantic-action: var(--oe-color-azul);
  --oe-semantic-action-hover: var(--oe-color-azul-hover);
  --oe-semantic-ink: var(--oe-color-texto);
  --oe-semantic-muted: var(--oe-color-secundario);
  --oe-semantic-surface: var(--oe-color-branco);
  --oe-semantic-canvas: var(--oe-color-papel);
  --oe-semantic-focus: var(--oe-color-azul);
  --oe-semantic-positive: var(--oe-color-sucesso);
  --oe-semantic-negative: var(--oe-color-erro);
  --oe-semantic-attention: var(--oe-color-alerta);
}