:root {
    --primary-color: #007AFF;
    --secondary-color: #5856D6;
    --dark-bg: #1C1C1E;
    --light-bg: #F2F2F7;
    --card-bg: #FFFFFF;
    --text-primary: #1D1D1F;
    --text-secondary: #8E8E93;
    --border-radius: 12px;
    --shadow: 0 4px 20px #00000014;
}

.flash-container {
    position: relative;
    margin: 20px auto;
    max-width: 400px;
    z-index: 10000;
}


/* Flash Messages */
.flash-messages {
    max-width: 400px;
}

/* Alert Styles */

.alert {
    padding: 15px 20px;
    border-radius: 10px;
    margin-bottom: 10px;
    box-shadow: var(--shadow);
    border-left: 4px solid;
    opacity: 1;
    transition: opacity 0.5s ease-out;
}


/* Categories */
.alert-info {
    background-color: #007aff1a;
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.alert-success {
    background-color: #34c7591a;
    border-color: #34C759;
    color: #2d9c4d;
}

.alert-error, .alert-danger {
    background-color: #ff3b301a;
    border-color: #FF3B30;
    color: #d13430;
}

.alert-warning {
    background-color: #ff95001a;
    border-color: #FF9500;
    color: #cc7700;
}