.card{
    background:var(--vintage-paper) !important;
    border:1px solid var(--vintage-border) !important;
    border-radius:28px !important;
    box-shadow:var(--vintage-shadow) !important;
}

.card-body{
    color:var(--vintage-dark);
}

.btn,
.btn-dark,
.btn-primary{
    border-radius:999px !important;
    padding:.75rem 1.35rem;
    font-weight:700;
    letter-spacing:.02em;
    border:1px solid var(--vintage-copper) !important;
    background:linear-gradient(135deg, var(--vintage-copper), var(--vintage-brown)) !important;
    color:#fff3df !important;
    box-shadow:0 10px 22px rgba(91,51,36,.25);
}

.btn:hover,
.btn-dark:hover,
.btn-primary:hover{
    background:linear-gradient(135deg, var(--vintage-brown), #24140f) !important;
    color:#fff !important;
    transform:translateY(-1px);
}

.btn-outline-dark,
.btn-outline-secondary{
    border:1px solid var(--vintage-copper) !important;
    color:var(--vintage-brown) !important;
    background:#fff8ed !important;
}

.btn-outline-dark:hover,
.btn-outline-secondary:hover{
    background:var(--vintage-brown) !important;
    color:#fff3df !important;
}

.badge,
.badge.bg-dark{
    background:var(--vintage-gold) !important;
    color:#2b1b14 !important;
    border-radius:999px;
    font-weight:700;
}

.form-control,
.form-select,
textarea.form-control{
    background:#fffaf2 !important;
    border:1px solid var(--vintage-border) !important;
    border-radius:18px !important;
    color:var(--vintage-dark) !important;
}

.form-control:focus,
.form-select:focus{
    border-color:var(--vintage-copper) !important;
    box-shadow:0 0 0 .25rem rgba(162,95,53,.18) !important;
}

.alert-danger{
    background:#f5dfd9 !important;
    border-color:#d39a89 !important;
    color:var(--vintage-danger) !important;
}

.alert-success{
    background:#e4eddc !important;
    border-color:#aac49a !important;
    color:var(--vintage-success) !important;
}

.carousel-control-prev-icon,
.carousel-control-next-icon{
    filter:sepia(1) saturate(2);
}


.social-links {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}

.social-link {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #fff;
    text-decoration: none;
    transition: .2s;
}

.social-link:hover {
    transform: translateY(-3px);
    color: #fff;
}
