/* Light theme defaults (readable, subtle, modern) */
:root{
	--bs-body-bg:#f8f9fb;
	--bs-body-color:#212529;
	--bs-card-bg:#ffffff;
	--bs-card-color:#212529;
	--bs-border-color:#dee2e6;
	--bs-primary:#0d6efd;
}

body{background:var(--bs-body-bg);color:var(--bs-body-color)}
.navbar{border-bottom:1px solid #e5e7eb}
.card{background:var(--bs-card-bg);border:1px solid var(--bs-border-color);color:var(--bs-card-color)}
.card-header{background:#f6f7f9;border-bottom:1px solid #e5e7eb;color:var(--bs-card-color)}
.form-control,.form-select{background:#ffffff;color:#212529;border:1px solid #ced4da}
.form-control::placeholder{color:#6c757d}
.form-control:focus,.form-select:focus{border-color:#86b7fe;box-shadow:0 0 0 .2rem rgba(13,110,253,.25)}
.btn{border-radius:.375rem}
#charList .char-item{width:2.2rem;height:2.2rem;border:1px solid #ced4da;text-align:center;line-height:2.1rem;border-radius:.25rem;cursor:pointer;background:#ffffff;color:#212529}
#charList .char-item.active{background:#e7f1ff;border-color:#0d6efd}
#glyphCanvas{background:#ffffff}
.nav-tabs .nav-link{color:#495057}
.nav-tabs .nav-link.active{color:#0d6efd;background:#ffffff;border-color:var(--bs-border-color) var(--bs-border-color) transparent}
.badge.text-bg-secondary{background:#6c757d}
.form-text{color:#6c757d}

/* Dark theme overrides when opted-in */
[data-bs-theme='dark']{
	--bs-body-bg:#0b0f14;
	--bs-body-color:#e6e6e6;
	--bs-card-bg:#121720;
	--bs-card-color:#e6e6e6;
	--bs-border-color:rgba(255,255,255,0.12);
	--bs-primary:#58a6ff;
}
[data-bs-theme='dark'] .navbar{border-bottom:1px solid rgba(255,255,255,0.1)}
[data-bs-theme='dark'] .card{background:var(--bs-card-bg);border:1px solid var(--bs-border-color);color:var(--bs-card-color)}
[data-bs-theme='dark'] .card-header{background:#0f141c;border-bottom:1px solid rgba(255,255,255,0.12);color:var(--bs-card-color)}
[data-bs-theme='dark'] .form-control,[data-bs-theme='dark'] .form-select{background:#0b0f14;color:#e6e6e6;border:1px solid rgba(255,255,255,0.2)}
[data-bs-theme='dark'] .form-control::placeholder{color:rgba(255,255,255,0.55)}
[data-bs-theme='dark'] .form-control:focus,[data-bs-theme='dark'] .form-select:focus{border-color:#66afe9;box-shadow:0 0 0 .2rem rgba(102,175,233,.25)}
[data-bs-theme='dark'] #charList .char-item{border:1px solid rgba(255,255,255,0.2);background:#0b0f14;color:#e6e6e6}
[data-bs-theme='dark'] #charList .char-item.active{background:#224d78;border-color:#58a6ff}
[data-bs-theme='dark'] #glyphCanvas{background:#0b0f14}
[data-bs-theme='dark'] .nav-tabs .nav-link{color:#ddd}
[data-bs-theme='dark'] .nav-tabs .nav-link.active{color:#fff;background:#0f141c;border-color:var(--bs-border-color) var(--bs-border-color) transparent}
[data-bs-theme='dark'] .badge.text-bg-secondary{background:#2a2f3a}
[data-bs-theme='dark'] .form-text{color:#aab1bb}