/* Stitch Premium Design System - Industrial Precision */

:root {
    --primary: #ffb694;
    --primary-container: #ff6a00;
    --on-primary: #571f00;
    --background: #0c1322;
    --surface-container-lowest: #070e1d;
    --surface-container: #191f2f;
    --surface-container-high: #232a3a;
    --on-surface: #dce2f7;
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.brushed-metal {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
    opacity: 0.03;
}

.glass-panel {
    backdrop-filter: blur(20px);
    background: rgba(46, 53, 69, 0.8);
}

/* Custom transitions for slider */
#sliderTrack {
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.slide-content {
    animation: slideIn 0.8s ease-out forwards;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}