:root {
    color-scheme: dark;
    --matte-gold: #C4A46A;
    --concrete: #E6E5E3;
    --travertine: #E3DCCF;
    --wood: #A67953;
    --ceramic: #535947;
    --marble: #2B2A28;
}

.footer {
    width: 100%;
    padding: 2rem 1rem;
    text-align: center;
    background: transparent;
    border-top: 1px solid rgba(196, 164, 106, 0.2);
    margin-top: 3rem;
}

.footer p {
    font-size: 0.85rem;
    font-weight: 300;
    color: var(--travertine);
    margin: 0;
    text-align: center;
}

.footer a {
    color: var(--travertine);
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer a:hover {
    color: var(--matte-gold);
}

@media (max-width: 768px) {
    .footer {
        padding: 1.5rem 1rem;
    }
}