/* Custom Design Tokens & Refined Utilities */

:root {
    --premium-gold: #C69006;
    --premium-gold-light: #FDB813;
}

/* Material Symbols Configuration */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    display: inline-block;
    vertical-align: middle;
}

.fill-icon {
    font-variation-settings: 'FILL' 1;
}

/* Premium Card Effects */
.premium-card-border {
    border: 2px solid var(--premium-gold-light);
    position: relative;
}

.premium-card-shadow {
    box-shadow: 0 10px 30px -10px rgba(198, 144, 6, 0.15);
}

.premium-card-shadow:hover {
    box-shadow: 0 20px 40px -15px rgba(198, 144, 6, 0.25);
}

/* Glassmorphism Utilities */
.glass-effect {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.dark .glass-effect {
    background: rgba(21, 0, 102, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Smooth Animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in-up {
    animation: fadeInUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Selection Style */
::selection {
    background-color: #e0e0ff;
    color: #000668;
}

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

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

::-webkit-scrollbar-thumb {
    background: #c6c5d7;
    border-radius: 10px;
}

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

/* Safe area for iOS devices */
.safe-area-pb {
    padding-bottom: env(safe-area-inset-bottom, 0px);
}