/*
 * Four of Tabler's page-level colors, restated so they follow the theme base.
 *
 * A theme base ([data-bs-theme-base=gray|slate|zinc|neutral|stone|pink], tabler-themes.css)
 * redefines exactly one thing: the --tblr-gray-50..950 scale. Everything meant to follow the base
 * has to read that scale through var(), and in Tabler 1.6 most of it does - --tblr-bg-surface,
 * --tblr-bg-forms, --tblr-border-color, and a later :root block that re-points --tblr-body-color,
 * --tblr-body-bg and --tblr-secondary onto the grays.
 *
 * These four it missed. Sass resolved them from its own neutral grays at compile time, so they
 * reach the stylesheet as zero-chroma literals that no base block redefines:
 *
 *     --tblr-secondary-bg:    light-dark(oklch(92.19% 0 0deg), oklch(26.86% 0 0deg))
 *     --tblr-tertiary-bg:     light-dark(oklch(97.02% 0 0deg), oklch(23.66% 0 none))
 *     --tblr-emphasis-color:  light-dark(oklch(37.15% 0 0deg), #fff)
 *     --tblr-muted:           oklch(55.55% 0 0deg)
 *
 * Under any base but neutral they are the wrong gray beside everything else: reported first on a
 * file input, whose ::file-selector-button is painted with --tblr-tertiary-bg and --tblr-secondary-bg
 * on hover, sitting neutral inside a gray-tinted field.
 *
 * Each is restated as the derivation Tabler's own Sass declares for it, over the scale the base
 * redefines - scss/_variables.scss and _variables-dark.scss:
 *
 *     $body-secondary-bg: $gray-200            $body-secondary-bg-dark: $gray-800
 *     $body-tertiary-bg:  $gray-100            $body-tertiary-bg-dark:  mix($gray-800, $gray-900, 50%)
 *     $body-emphasis-color: $gray-700          $body-emphasis-color-dark: $white
 *     $muted: $text-secondary = $gray-500
 *
 * So under the neutral base these compute exactly what Tabler ships, and TablerThemeBaseCorrectionsTest
 * checks that value for value; under every other base they follow it. The selector list is copied
 * from the block where Tabler re-points its own, so the two land on the same elements.
 *
 * Deliberately not here: --tblr-light, --tblr-dark, --tblr-gray and --tblr-gray-dark are baked the
 * same way, but they are palette colors behind .bg-dark, .btn-light and their -rgb/-lt/-fg
 * derivatives, most of which are compiled literals too. Re-pointing the variable alone would move
 * half of each component and leave the rest, which is worse than leaving it neutral.
 */
:root,
:host,
[data-bs-theme=light],
[data-theme=light] {
	--tblr-secondary-bg: light-dark(var(--tblr-gray-200), var(--tblr-gray-800));
	--tblr-tertiary-bg: light-dark(var(--tblr-gray-100),
		color-mix(in oklab, var(--tblr-gray-800), var(--tblr-gray-900)));
	--tblr-emphasis-color: light-dark(var(--tblr-gray-700), #fff);
	--tblr-muted: var(--tblr-gray-500);
}