/* ==========================================================================
   Some Of | Fine Jewelry & Accessories
   Shared Quiet Luxury Stylesheet
   ========================================================================== */

:root {
    --color-silk: #FAF7F4;
    --color-pure: #FFFFFF;
    --color-blush: #F7EDE7;
    --color-petal: #EED9D0;
    --color-rose: #C98A7D;
    --color-rose-light: #FBF2EF;
    --color-rose-dark: #9F5F53;
    --color-champagne: #D3BA9B;
    --color-champagne-light: #F5EFE6;
    --color-bronze: #8F715B;
    --color-charcoal: #221F1E;
    --color-muted: #7E7670;
    --color-border: #EFE7E1;
}

html {
    font-family: 'Alexandria', sans-serif;
    background-color: var(--color-silk);
    color: var(--color-charcoal);
    scroll-behavior: smooth;
    letter-spacing: -0.01em;
}

html[lang="en"] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    letter-spacing: -0.015em;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: var(--color-silk);
}
::-webkit-scrollbar-thumb {
    background: #DCCBC2;
    border-radius: 99px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--color-rose);
}

/* Glassmorphism & Header */
.glass-header {
    background: rgba(250, 247, 244, 0.92);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.glass-card {
    background: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid var(--color-border);
}

/* Subtle Gradient Text */
.text-gradient-rose {
    background: linear-gradient(135deg, #A85B4E 0%, #C98A7D 50%, #D3BA9B 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Delicate Animations */
@keyframes floatSubtle {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-6px); }
}
.animate-float-subtle {
    animation: floatSubtle 5s ease-in-out infinite;
}

/* Shimmer Accent */
@keyframes shimmerPass {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(200%); }
}
.shimmer-element {
    position: relative;
    overflow: hidden;
}
.shimmer-element::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent);
    animation: shimmerPass 3.5s infinite;
}

/* Mirror icon helper for LTR/RTL */
[dir="ltr"] .mirror-ltr {
    transform: scaleX(-1);
}