/* Custom styles — additional to Tailwind */

/* Ensure all text has strong contrast */
.btn-gold {
    background: linear-gradient(135deg, #c8a45e 0%, #d4b76e 100%);
    color: #0a1628;
    transition: all 0.3s ease;
}

.btn-gold:hover {
    background: linear-gradient(135deg, #b8944e 0%, #c8a45e 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(200, 164, 94, 0.4);
}

.btn-navy {
    background: linear-gradient(135deg, #0f2240 0%, #1b3d6e 100%);
    color: #ffffff;
    transition: all 0.3s ease;
}

.btn-navy:hover {
    background: linear-gradient(135deg, #152f56 0%, #214a86 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(15, 34, 64, 0.4);
}

/* Smooth focus styles */
input:focus, select:focus, textarea:focus {
    outline: none;
}

/* Selection color */
::selection {
    background: #c8a45e;
    color: #0a1628;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f5f0eb;
}

::-webkit-scrollbar-thumb {
    background: #c8a45e;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #b8944e;
}

/* Image aspect ratios */
.image-blob {
    aspect-ratio: auto;
}

/* Prevent layout shift on images */
img {
    max-width: 100%;
    height: auto;
}