/* assets/css/style.css - Stiluri Premium Dark Luxury pentru Mostenire */

:root {
    --bg-primary: #0b0f19;
    --bg-secondary: #111827;
    --bg-card: rgba(17, 24, 39, 0.75);
    --gold-primary: #f59e0b;
    --gold-hover: #d97706;
    --gold-light: #fbbf24;
    --text-primary: #f8fafc;
    --text-secondary: #94a3b8;
    --border-subtle: rgba(255, 255, 255, 0.08);
}

body {
    background-color: var(--bg-primary);
    color: var(--text-primary);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
}

/* Glassmorphism Card */
.glass-card {
    background: var(--bg-card);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid var(--border-subtle);
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.5);
}

.gold-gradient {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}

.gold-text {
    background: linear-gradient(135deg, #fbbf24 0%, #d97706 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Pulsing effect for recorder */
@keyframes pulse-recording {
    0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7); }
    70% { transform: scale(1.05); box-shadow: 0 0 0 15px rgba(239, 68, 68, 0); }
    100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}

.animate-recording {
    animation: pulse-recording 1.5s infinite;
}

/* Safe Vault Animations */
@keyframes rotateDial {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(180deg); }
    100% { transform: rotate(360deg); }
}

.animate-dial {
    animation: rotateDial 2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Mobile Safe Bottom Navigation */
.safe-bottom-nav {
    padding-bottom: max(1rem, env(safe-area-inset-bottom));
}

/* Custom Scrollbars */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #0f172a;
}
::-webkit-scrollbar-thumb {
    background: #334155;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #475569;
}