/* SSLAR Studio Photobooth - Modern Dark Custom Styles */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@500;700;800&display=swap');

:root {
    --bg-dark: #07090E;
    --card-dark: #0C1017;
    --border-dark: #1D283A;
    --emerald-glow: rgba(16, 185, 129, 0.25);
}

body {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background-color: var(--bg-dark);
    -webkit-tap-highlight-color: transparent;
}

.font-mono {
    font-family: 'JetBrains Mono', monospace;
}

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

::-webkit-scrollbar-track {
    background: #07090E;
}

::-webkit-scrollbar-thumb {
    background: #1D283A;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #10B981;
}

/* Glow Card */
.glow-card {
    box-shadow: 0 0 25px var(--emerald-glow);
}