@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
body {
    font-family: 'Inter', sans-serif;
    background-color: #212121; /* Dark background (mais escuro que o anterior) */
    color: #ffffff; /* Light text */
    transition: background-color 0.3s;
}
/* Custom scrollbar for content area */
.scrollbar-thin::-webkit-scrollbar { width: 6px; }
.scrollbar-thin::-webkit-scrollbar-track { background: #333333; }
.scrollbar-thin::-webkit-scrollbar-thumb { background: #555555; border-radius: 3px; }
.scrollbar-thin::-webkit-scrollbar-thumb:hover { background: #777777; }

.verse-line {
    line-height: 1.8;
    padding: 4px 8px;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
    border-radius: 4px;
}
.verse-line:hover {
    background-color: #333333; /* Dark element hover */
}
.verse-line.selected {
    background-color: #E97322; /* Cor de Destaque (Orange da marca) */
    color: #ffffff;
    font-weight: 500;
    box-shadow: 0 0 5px rgba(233, 115, 34, 0.5); /* Sombra com a cor da marca */
}
.verse-line.selected .text-\[\#E97322\] {
    color: #ffffff !important;
}
.btn-study-tool {
    background-color: #E97322; /* Cor de Destaque */
    color: #ffffff;
    transition: background-color 0.15s, transform 0.1s;
}
.btn-study-tool:hover:not(:disabled) {
    background-color: #FF8A65; /* Tom mais claro de orange no hover */
    transform: translateY(-1px);
}
.btn-study-tool:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.modal-bg {
    background-color: rgba(0, 0, 0, 0.7);
}
/* Sidebar styles */
#sidebar {
    transform: translateX(-100%);
    transition: transform 0.3s ease-in-out;
    background-color: #333333; /* Secondary Dark */
}
#sidebar.open {
    transform: translateX(0);
}
/* Fixed bottom bar for mobile access */
#study-tools-bar {
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 40;
    background-color: #333333; /* Secondary Dark */
    box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.5);
}
/* Main content padding to avoid overlap with fixed bar */
#main-bible-view {
    padding-bottom: 72px; /* Height of the fixed bottom bar */
}