/* L2DB Main Styles */

body {
    background-color: #1a1a2e;
    color: #e0e0e0;
}

.navbar-brand { letter-spacing: 1px; }

.card { background-color: #16213e !important; color: #e0e0e0; }
.card-header { border-bottom: 1px solid #0f3460 !important; color: #e0e0e0; }

.table-dark { --bs-table-bg: #16213e; }
.table-hover > tbody > tr:hover { background-color: #0f3460; }

.breadcrumb-item + .breadcrumb-item::before { color: #6c757d; }
.breadcrumb { background: none; }

a.text-warning:hover { color: #ffdb70 !important; }

/* Item grade colors */
.grade-s { color: #dc3545; }
.grade-a { color: #ffc107; }
.grade-b { color: #0d6efd; }
.grade-c { color: #0dcaf0; }
.grade-d { color: #6c757d; }

/* Skill effect badge */
.badge-per { background-color: #0dcaf0; color: #000; }
.badge-diff { background-color: #6c757d; }

/* Pagination */
.page-link { color: #ffc107; }
.page-link:hover { background-color: #0f3460; color: #ffc107; }

/* Article content */
.article-content h1 { font-size: 1.8rem; color: #ffc107; margin-bottom: 1rem; }
.article-content h2 { font-size: 1.3rem; color: #e0e0e0; margin-top: 2rem; margin-bottom: 0.75rem; border-bottom: 1px solid #0f3460; padding-bottom: 0.25rem; }
.article-content p  { line-height: 1.7; color: #c8c8d4; }
.article-content ul, .article-content ol { color: #c8c8d4; line-height: 1.7; }
.article-content a  { color: #ffc107; }
.article-content a:hover { color: #ffdb70; }
.article-content .cta-block { background: #16213e; border-left: 3px solid #ffc107; padding: 1rem 1.25rem; margin-top: 2rem; border-radius: 4px; }