:root {
    --custom-primary: #3498db;
    --custom-secondary: rgb(119, 119, 119);
    --custom-navbar-color: #303030;
}

/* Dark theme (default) */
[data-bs-theme="dark"] {
    --custom-body-color: #212529;
    --custom-main-color: #ffffff;
}

/* Light theme */
[data-bs-theme="light"] {
    --custom-body-color: #ffffff;
    --custom-main-color: #000000;
}

.navbar {
    background-color: var(--custom-navbar-color);
    transition: padding 0.3s ease;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.navbar.scrolled {
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.navbar.scrolled .navbar-brand img {
    height: 22px;
    width: auto;
    transition: height 0.3s ease;
}

.btn-primary {
    background-color: var(--custom-primary);
    border-color: var(--custom-primary);
    color: #fff;
}

.btn-secondary {
    background-color: var(--custom-secondary);
    border-color: var(--custom-secondary);
    color: #fff;
}

/* Errata original text - ensure readable in dark mode */
[data-bs-theme="dark"] .table-warning .text-muted {
    color: #495057 !important;
}

/* Annotation boxes - always black text */
.annotation-display {
    color: #000000 !important;
}

.annotation-display * {
    color: #000000 !important;
}

/* Quill editor - always black text */
.ql-editor {
    color: #000000 !important;
}

.ql-editor * {
    color: #000000 !important;
}

.ql-container {
    color: #000000 !important;
}