/*
 * Tabler 기본 대비를 높인 오버라이드. LumaTutor(ela-coach)에서 가져와
 * 변수 접두사만 이 저장소에 맞게 바꿨다. Tabler 자체는 건드리지 않는다 —
 * vendor/ 아래 파일을 고치면 업그레이드가 불가능해진다.
 */
:root:not([data-bs-theme="dark"]) {
    --mktg-light-canvas: #f3f6f8;
    --mktg-light-surface: #ffffff;
    --mktg-light-surface-raised: #fbfcfd;
    --mktg-light-surface-muted: #f7f9fb;
    --tblr-body-bg: var(--mktg-light-canvas);
    --tblr-body-bg-rgb: 243, 246, 248;
    --tblr-bg-surface: var(--mktg-light-surface);
    --tblr-bg-surface-secondary: var(--mktg-light-canvas);
    --tblr-bg-surface-tertiary: #e7edf2;
    --tblr-border-color: #c8d1d9;
    --tblr-border-color-translucent: rgba(31, 41, 55, .16);
    --tblr-secondary: #5f6b77;
    --tblr-muted: #5f6b77;
    --tblr-secondary-color: rgba(31, 41, 55, .82);
    --tblr-tertiary-color: rgba(31, 41, 55, .62);
    --tblr-tertiary-bg: #edf2f6;
    --tblr-box-shadow: 0 1px 2px rgba(31, 41, 55, .06);
}

:root:not([data-bs-theme="dark"]) body,
:root:not([data-bs-theme="dark"]) .page,
:root:not([data-bs-theme="dark"]) .page-wrapper,
:root:not([data-bs-theme="dark"]) .page-body {
    background: var(--mktg-light-canvas);
}

:root:not([data-bs-theme="dark"]) .navbar:not([data-bs-theme="dark"]),
:root:not([data-bs-theme="dark"]) .page-header {
    background: var(--mktg-light-surface-raised);
    border-color: #c8d1d9;
}

:root:not([data-bs-theme="dark"]) .card,
:root:not([data-bs-theme="dark"]) .list-group-item,
:root:not([data-bs-theme="dark"]) .dropdown-menu,
:root:not([data-bs-theme="dark"]) .modal-content,
:root:not([data-bs-theme="dark"]) .offcanvas,
:root:not([data-bs-theme="dark"]) .popover,
:root:not([data-bs-theme="dark"]) .toast {
    background-color: var(--mktg-light-surface);
    border-color: #c2ccd5;
    box-shadow: 0 1px 2px rgba(31, 41, 55, .07);
}

:root:not([data-bs-theme="dark"]) .card-header,
:root:not([data-bs-theme="dark"]) .card-footer,
:root:not([data-bs-theme="dark"]) .list-group-item,
:root:not([data-bs-theme="dark"]) .dropdown-divider,
:root:not([data-bs-theme="dark"]) .modal-header,
:root:not([data-bs-theme="dark"]) .modal-footer {
    border-color: #c2ccd5;
}

:root:not([data-bs-theme="dark"]) .card-header,
:root:not([data-bs-theme="dark"]) .card-footer {
    background: var(--mktg-light-surface-muted);
}

:root:not([data-bs-theme="dark"]) .table {
    --tblr-table-border-color: #cad3dc;
    --tblr-table-bg: var(--mktg-light-surface);
    --tblr-table-striped-bg: var(--mktg-light-surface-raised);
    --tblr-table-hover-bg: #eef3f7;
}

:root:not([data-bs-theme="dark"]) .table thead th {
    color: #34404c;
    background: var(--mktg-light-surface-muted);
    border-bottom-color: #b3bec8;
}

:root:not([data-bs-theme="dark"]) .table > :not(caption) > * > * {
    border-bottom-color: #cad3dc;
}

:root:not([data-bs-theme="dark"]) .form-control,
:root:not([data-bs-theme="dark"]) .form-select,
:root:not([data-bs-theme="dark"]) .form-check-input:not(:checked):not(:indeterminate),
:root:not([data-bs-theme="dark"]) .input-group-text {
    border-color: #b7c2cc;
    background-color: #ffffff;
}

:root:not([data-bs-theme="dark"]) .form-control:focus,
:root:not([data-bs-theme="dark"]) .form-select:focus,
:root:not([data-bs-theme="dark"]) .form-check-input:focus {
    border-color: #7d8d9b;
    box-shadow: 0 0 0 .25rem rgba(72, 95, 116, .14);
}

:root:not([data-bs-theme="dark"]) .btn-outline-secondary {
    border-color: #aab6c1;
    color: #35404b;
}

:root:not([data-bs-theme="dark"]) .btn-outline-secondary:hover,
:root:not([data-bs-theme="dark"]) .btn-outline-secondary:focus {
    border-color: #8b99a6;
}

:root:not([data-bs-theme="dark"]) .nav-tabs {
    border-bottom-color: #c2ccd5;
}

:root:not([data-bs-theme="dark"]) .nav-tabs .nav-link:hover,
:root:not([data-bs-theme="dark"]) .nav-tabs .nav-link:focus {
    border-color: #d5dde4 #d5dde4 #c2ccd5;
}

:root:not([data-bs-theme="dark"]) .nav-tabs .nav-link.active {
    border-color: #c2ccd5 #c2ccd5 var(--mktg-light-surface);
}

:root:not([data-bs-theme="dark"]) hr,
:root:not([data-bs-theme="dark"]) .hr {
    opacity: .28;
}