/* ===============================
   FOOTER
   =============================== */

/* Estilo do rodapé principal */
footer {
    display: flex;                             /* Usa Flexbox para organizar o conteúdo */
    flex-direction: column;                    /* Itens empilhados verticalmente */
    justify-content: center;                   /* Centraliza verticalmente */
    align-items: center;                       /* Centraliza horizontalmente */
    width: 100%;                               /* Ocupa toda a largura da tela */
    padding: 1rem;                             /* Espaçamento interno */
    background: var(--background-color);       /* Cor de fundo definida na variável */
}

/* Container do copyright */
#copy {
    display: flex;                             /* Flexbox para alinhar itens */
    justify-content: center;                   /* Centraliza horizontalmente */
    align-items: center;                       /* Centraliza verticalmente */
    padding: .375rem 0;                        /* Espaçamento vertical */
    gap: 1.25rem;                              /* Espaçamento entre elementos filhos */
}

/* Texto de copyright */
#copy-text {
    color: var(--primary-color);               /* Cor do texto */
    font-family: "Inter", sans-serif;          /* Fonte do texto */
    font-size: 1rem;                           /* Tamanho da fonte */
    font-weight: 300;                          /* Peso da fonte (leve) */
    padding: 1rem;                             /* Espaçamento interno do texto */
}