:root {
    --primary-hsl: 0 0% 0%;
    --secondary-hsl: 30 100% 45%; /* #e57100 */
    --accent-hsl: 30 100% 45%;
    --bg-hsl: 40 14% 96%;
    --surface-hsl: 0 0% 100%;
    --glass-opacity: 0.8;
}
/* Custom Selection */
::selection {
    background-color: hsla(var(--secondary-hsl) / 0.2);
    color: hsl(var(--secondary-hsl));
}
/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: #f8f8f8;
}
::-webkit-scrollbar-thumb {
    background: #d1d1d1;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: hsl(var(--secondary-hsl));
}

.editorial-reveal {
    opacity: 0;
    transform: translateY(20px);
    animation: reveal 1.2s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

@keyframes reveal {
    to { opacity: 1; transform: translateY(0); }
}

[dir="rtl"] {
    font-family: 'Amiri', serif;
}

.product-card-hover img {
    transition: transform 1.2s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.product-card-hover:hover img {
    transform: scale(1.1);
}

.accent-line {
    width: 3rem;
    height: 1px;
    background-color: hsl(var(--secondary-hsl));
    opacity: 0.5;
}

.glass-nav {
    background: hsla(var(--surface-hsl) / var(--glass-opacity));
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

.silk-gradient {
    background: linear-gradient(45deg, hsl(var(--primary-hsl)) 0%, #1b1b1b 100%);
}

/* Interactive accents */
a:hover {
    color: hsl(var(--secondary-hsl));
}

.btn-secondary {
    background-color: hsl(var(--secondary-hsl));
    color: white;
    transition: all 0.3s ease;
}

.btn-secondary:hover {
    opacity: 0.9;
    box-shadow: 0 4px 12px hsla(var(--secondary-hsl) / 0.3);
}

/* Mobile Nav Enhancements */
.mobile-nav-active {
    color: hsl(var(--secondary-hsl)) !important;
}

.safe-area-bottom {
    padding-bottom: env(safe-area-inset-bottom);
}