@import url("colors.css");

footer {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.foot-group {
    width: 100vw !important;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    background-color: var(--bkg2) !important;  /* Dark footer bg */
    padding: 1rem 2rem;
    color: var(--text1);  /* Light text for dark bg */
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.foot {
    font-size: 11px;
    margin: 0 0.5em 0.2em 0.5em !important;
    color: var(--text2);  /* Slightly muted text */
}

.link-group {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1rem;
}