/* Basic body styling with background */
body {
    background-image: url('assets/images/6WYCc4b.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    transition: background-image 0.3s ease;
}

body::before {
    display: none;
}

/* Light Theme Overrides */
/* Background remains the same as dark mode */

/* Override Tailwind dark classes when .theme-light is active */
.theme-light body {
    color: #1f2937;
    /* text-gray-800 */
}

.theme-light .bg-gray-800,
.theme-light .bg-gray-800\/80,
.theme-light .bg-gray-800\/90 {
    background-color: rgba(255, 255, 255, 0.9) !important;
}

.theme-light .bg-gray-900,
.theme-light .bg-gray-900\/50,
.theme-light .bg-gray-900\/60,
.theme-light .bg-gray-900\/80 {
    background-color: rgba(243, 244, 246, 0.9) !important;
    /* bg-gray-100 */
}

.theme-light .bg-gray-700,
.theme-light .bg-gray-700\/50 {
    background-color: #e5e7eb !important;
    /* bg-gray-200 */
}

.theme-light .text-white,
.theme-light .text-gray-200 {
    color: #111827 !important;
    /* text-gray-900 */
}

.theme-light .text-gray-400 {
    color: #4b5563 !important;
    /* text-gray-600 */
}

.theme-light .text-cyan-400,
.theme-light .text-cyan-300 {
    color: #0369a1 !important;
    /* text-sky-700 for better visibility in light mode */
}

.theme-light .border-gray-700,
.theme-light .border-gray-700\/50,
.theme-light .border-gray-600 {
    border-color: #d1d5db !important;
    /* border-gray-300 */
}

/* Custom scrollbar styling */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #1f2937;
}

.theme-light ::-webkit-scrollbar-track {
    background: #e5e7eb;
}

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

.theme-light ::-webkit-scrollbar-thumb {
    background: #9ca3af;
}

::-webkit-scrollbar-thumb:hover {
    background: #6b7280;
}

.theme-light ::-webkit-scrollbar-thumb:hover {
    background: #6b7280;
}

/* Prevent roster cards from breaking across pages when printing */
.roster-card {
    page-break-inside: avoid;
}

/* Style for filled stash cells (visual indicator) */
.stash-cell-filled {
    box-shadow: inset 0 0 0 1px black;
}

.theme-light .stash-cell-filled {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}

/* Style for custom prompt modal backdrop */
#prompt-modal {
    backdrop-filter: blur(8px);
}

/* App Footer Info */
.app-footer-info {
    text-align: center;
    padding: 2rem 1rem 1rem 1rem;
    margin-top: 2rem;
    border-top: 1px solid #4b5563;
    /* Tailwind border-gray-600 */
    color: #9ca3af;
    /* Tailwind text-gray-400 */
    font-size: 0.9rem;
}

.theme-light .app-footer-info {
    border-top-color: #d1d5db;
    /* Tailwind border-gray-300 */
    color: #4b5563;
    /* Tailwind text-gray-600 */
}

.app-footer-info a {
    color: #38bdf8;
    /* Tailwind text-sky-400 */
    text-decoration: none;
    transition: color 0.2s ease;
}

.theme-light .app-footer-info a {
    color: #0ea5e9;
    /* Tailwind text-sky-500 */
}

.app-footer-info a:hover {
    color: #f3f4f6;
    /* Tailwind text-gray-100 */
    text-decoration: underline;
}

.theme-light .app-footer-info a:hover {
    color: #111827;
    /* Tailwind text-gray-900 */
}