@import "tailwind.css";

body {
    background-color: #1e1e1e !important;
    color: #f0f0f0;
    font-family: 'Segoe UI', sans-serif;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 100vh;
}

.choices {
    background-color: #1e293b !important; /* bg-slate-800 */
    color: #f1f5f9 !important; /* text-slate-100 */
}

.choices__inner {
    background-color: #1e293b !important;
    color: #f1f5f9 !important;
    border: 1px solid #475569 !important;
}

.choices__item--selectable.is-highlighted {
    background-color: #334155 !important;
}

.choices__list--multiple .choices__item {
    background-color: #374151; /* bg-gray-700 */
    border: 1px solid #4b5563;
    color: #f3f4f6;
    padding: 0.25rem 0.5rem;
    margin-right: 0.25rem;
    border-radius: 0.375rem;
}

.choices__list--dropdown,
.choices__list[aria-expanded] {
    background-color: #1e293b !important;
    color: #f1f5f9 !important;
}

    .choices__list--dropdown .choices__item--selectable.is-highlighted {
        background-color: #4b5563;
    }

.choices__button {
    color: #f3f4f6;
}

    .choices__button:hover {
        color: #ef4444; /* text-red-500 */
    }

/* Navigation links - remove underlines */
#nav-links a {
    text-decoration: none !important;
}

#nav-links a:hover {
    text-decoration: none !important;
}

/* Admin page containers */
.admin-container {
    max-width: 400px;
    margin: 0 auto;
}

.admin-container-centered {
    max-width: 400px;
    margin: 100px auto 0;
    text-align: center;
}