/* Import Inter font for modern UI */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
    --bg-primary: #0f1123;
    --bg-secondary: #151931;
    --bg-card: #1E2742;
    --accent-purple: #633EFF;
    --accent-blue: #3b82f6;
    --accent-green: #10b981;
    --accent-red: #ef4444;
    --text-primary: #ffffff;
    --text-secondary: #9ca3af;
    --border-color: #354D96;
    --sidebar-color: #293557;
}
.purple-border{
    border: 1px solid var(--border-color);
    border-radius: 8px;
}
.sound-item{
    padding: 10px;
    display: flex;
    align-items: center;
}
.sound-item .name{
    flex:1 1 20%;
}
.sound-item .url{
    flex:1 1 50%;
}
.sound-item .audio{
    flex:1 1 20%;
}
.sound-item .edit{
    flex:1 1 10%;
    display: flex;
    justify-content: center;
    align-items: center;
}