:root:has(input.theme-controller[value=light]:checked),
[data-theme="light"] {
    --json-bool: oklch(75% 0.183 55.934); /* tailwindcss orange-400 */
    --json-string: oklch(79.2% 0.209 151.711); /* tailwindcss green-400 */
    --json-number: oklch(70.7% 0.165 254.624); /* tailwindcss blue-400 */
    --json-object: oklch(57.7% 0.245 27.325); /* tailwindcss red-600 */
    --json-null: var(--color-base-content);
    --json-digest: var(--color-base-content);
}

:root:has(input.theme-controller[value=dark]:checked),
[data-theme="dark"] {
    --json-bool: oklch(88.5% 0.062 18.334); /* tailwindcss orange-200 */
    --json-string: oklch(92.5% 0.084 155.995); /* tailwindcss green-200 */
    --json-number: oklch(88.2% 0.059 254.128); /* tailwindcss blue-200 */
    --json-object: oklch(44.4% 0.177 26.899); /* tailwindcss red-800 */
    --json-null: var(--color-base-content);
    --json-digest: var(--color-base-content);
}


:root:has(input.theme-controller[value=cupcake]:checked),
[data-theme="cupcake"] {
    --json-bool: oklch(75% 0.183 55.934); /* tailwindcss orange-400 */
    --json-string: oklch(79.2% 0.209 151.711); /* tailwindcss green-400 */
    --json-number: oklch(70.7% 0.165 254.624); /* tailwindcss blue-400 */
    --json-object: oklch(57.7% 0.245 27.325); /* tailwindcss red-600 */
    --json-null: var(--color-base-content); /* tailwindcss violet-400 */
    --json-digest: var(--color-base-content);
}


.mmt-jsonviewer {
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 14px;
    overflow-y: auto;
    overflow-x: auto;
    max-height: 100%
}

/* Use inherited CSS variables for your custom theme */
.mmt-jsonviewer-bool {
    color: var(--json-bool);
}

.mmt-jsonviewer-string {
    color: var(--json-string);
}

.mmt-jsonviewer-number {
    color: var(--json-number);
}

.mmt-jsonviewer-null {
    color: var(--json-null);
}

.mmt-jsonviewer-digest {
    color: var(--json-digest);
    cursor: pointer;

}

.mmt-jsonviewer-object {
    color: var(--json-object);
}

/*:root:has(input.theme-controller[value=dark]:checked),*/
/*[data-theme="dark"] {*/
/*    --json-bool: oklch(40.8% 0.123 38.172); !* tailwindcss orange-900 *!*/
/*    --json-string: oklch(39.3% 0.095 152.535); !* tailwindcss green-900 *!*/
/*    --json-number: oklch(37.9% 0.146 265.522); !* tailwindcss blue-900 *!*/
/*    --json-null: var(--color-base-content);*/
/*    --json-digest: var(--color-base-content);*/
/*}*/