/* Base CSS - Fundamental styles and theme variables */

/* Theme Variables */
:root {
    --bg-primary: #FFFFFF;
    --bg-secondary: #F8F9FA;
    --bg-tertiary: #E9ECEF;
    --text-primary: #1F2937;
    --text-secondary: #374151;
    --text-tertiary: #6B7280;
    --border-color: #D1D5DB;
    --accent-color: #D4AF37;
}

/* Light Theme */
[data-theme="light"] {
    --bg-primary: #FFFFFF;
    --bg-secondary: #F8F9FA;
    --bg-tertiary: #E9ECEF;
    --text-primary: #1F2937;
    --text-secondary: #374151;
    --text-tertiary: #6B7280;
    --border-color: #D1D5DB;
    --accent-color: #B8860B;
}

/* Theme Transition */
body, nav, section, div, button, input, textarea, select, h1, h2, h3, h4, h5, h6, p, span, a {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* Smooth Scroll */
.smooth-scroll {
    scroll-behavior: smooth;
}

/* Gradient Text */
.gradient-text {
    background: linear-gradient(135deg, #D4AF37, #1F2937);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Text Shadow */
.text-shadow {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* Touch Gesture Support */
.touch-gesture {
    touch-action: pan-y pinch-zoom;
}

/* Gallery Scroll */
.gallery-scroll {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.gallery-scroll::-webkit-scrollbar {
    display: none;
}

/* Language Switcher */
.language-switcher {
    position: relative;
}

.language-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background: #1A1A1A;
    border: 1px solid #404040;
    border-radius: 8px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
    z-index: 50;
}

.language-dropdown.show {
    display: block;
}