:root {
    font-size: 14px;
}

/* The line a #L12 link points to. Bootstrap's own table state variable, as .table-active uses, with its highlight
   color, so it follows light and dark mode. */
.file-line:target > * {
    --bs-table-bg-state: var(--bs-highlight-bg);
}

.diff-hunk > * {
    --bs-table-bg-state: rgba(var(--bs-secondary-rgb), .15);
}

.diff-added > * {
    --bs-table-bg-state: rgba(var(--bs-success-rgb), .15);
}

.diff-removed > * {
    --bs-table-bg-state: rgba(var(--bs-danger-rgb), .15);
}

@media (prefers-color-scheme: dark) {
    .diff-hunk > * {
        --bs-table-bg-state: rgba(var(--bs-secondary-rgb), .5);
    }

    .diff-added > * {
        --bs-table-bg-state: rgba(var(--bs-success-rgb), .5);
    }

    .diff-removed > * {
        --bs-table-bg-state: rgba(var(--bs-danger-rgb), .5);
    }
}