/* Xquinkles San Juan — Custom Styles */

/* Base & Typography */
body {
    background-color: #0D0D0D;
    color: #F5F5F5;
    font-family: 'Inter', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4 {
    font-family: 'Playfair Display', serif;
}

/* Menu Tabs */
.menu-tab {
    background: transparent;
    color: #9CA3AF;
    border: 1px solid #3A3A3A;
    cursor: pointer;
    transition: all 0.3s ease;
}

.menu-tab:hover {
    color: #E8C47A;
    border-color: rgba(212, 168, 75, 0.3);
}

.menu-tab.active {
    background: linear-gradient(135deg, #F5D79A 0%, #D4A84B 50%, #E8C47A 100%);
    color: #0D0D0D;
    border-color: transparent;
    font-weight: 600;
}

/* Smooth section transitions */
section {
    position: relative;
}

/* Selection color */
::selection {
    background: rgba(212, 168, 75, 0.3);
    color: #F5F5F5;
}

/* Focus styles */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible {
    outline: 2px solid #D4A84B;
    outline-offset: 2px;
}

/* Image loading placeholder */
img {
    background: #1A1A1A;
}

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

::-webkit-scrollbar-track {
    background: #0D0D0D;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #D4A84B, #E8C47A);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #E8C47A, #F5D79A);
}