/* Fonte base do Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3&display=swap');

:root {
  /* 🎨 Paleta de cores */
  --cor-primaria: #FFD60A;
  --cor-primaria-texto: #4E4100;
  --cor-secundaria: #0AADFF;
  --cor-secundaria-bg: #0AADFFAF;
  --cor-destaque: #5C0AFF;

  --cor-erro: #FF5C0A;
  --cor-erro-bg: #FF5C0AA7;
  --cor-erro-texto: #721C24;

  --cor-sucesso: #ADFF0A;
  --cor-sucesso-bg: #ADFF0AA7;
  --cor-sucesso-texto: #2E6C00;

  --cor-branco: #FFFFFF;
  --cor-preto: #000000;
  --cor-fundo: #F0F2F6;

  /* 🌫️ Sombras */
  --sombra-leve: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
                 rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  --sombra-leve-hover: rgba(50, 50, 93, 0.45) 0px 2px 10px -1px,
                       rgba(0, 0, 0, 0.5) 0px 1px 8px -1px;
  --sombra-media: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
                  rgb(47, 66, 92) 0px 0px 7px -3px,
                  rgba(47, 66, 92, 0.3) 0px 3px 7px -3px;
  --sombra-forte: rgba(0, 0, 0, 0.25) 0px 13px 27px -5px,
                  rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;

  /* ✍️ Fonte padrão */
  --fonte-padrao: 'Source Sans 3', 'Segoe UI', sans-serif;

  /* 📦 Utilitários */
  --largura-container-pequeno: 400px;
  --largura-container-medio: 500px;
  --radius-padrao: 12px;
}