.dark, .dark-theme {
    --lime-1: #0e130b;
    --lime-2: #151a12;
    --lime-3: #1f2917;
    --lime-4: #273916;
    --lime-5: #31461b;
    --lime-6: #3b5521;
    --lime-7: #466526;
    --lime-8: #52772a;
    --lime-9: #74af2b;
    --lime-10: #69a318;
    --lime-11: #91cc51;
    --lime-12: #ccefaf;

    --lime-a1: #00bb0003;
    --lime-a2: #78f72b0a;
    --lime-a3: #9bfd4c1a;
    --lime-a4: #94ff2f2b;
    --lime-a5: #a1ff3e39;
    --lime-a6: #a4ff4949;
    --lime-a7: #a8ff4d5a;
    --lime-a8: #a8fd4b6e;
    --lime-a9: #a5fe38aa;
    --lime-a10: #9ffe1c9d;
    --lime-a11: #b3fe62c9;
    --lime-a12: #daffbaee;

    --lime-contrast: #fff;
    --lime-surface: #19231380;
    --lime-indicator: #74af2b;
    --lime-track: #74af2b;
}

@supports (color: color(display-p3 1 1 1)) {
    @media (color-gamut: p3) {
        .dark, .dark-theme {
            --lime-1: oklch(17.8% 0.0165 131.1);
            --lime-2: oklch(20.9% 0.0165 131.1);
            --lime-3: oklch(26.6% 0.0351 131.1);
            --lime-4: oklch(31.9% 0.0611 131.1);
            --lime-5: oklch(36.7% 0.0724 131.1);
            --lime-6: oklch(41.6% 0.0843 131.1);
            --lime-7: oklch(46.8% 0.0976 131.1);
            --lime-8: oklch(52.4% 0.1137 131.1);
            --lime-9: oklch(68.8% 0.17 131.1);
            --lime-10: oklch(65% 0.17 131.1);
            --lime-11: oklch(78% 0.1661 131.1);
            --lime-12: oklch(91.1% 0.0912 131.1);

            --lime-a1: color(display-p3 0 0.9412 0 / 0.009);
            --lime-a2: color(display-p3 0.5843 0.9961 0.2745 / 0.038);
            --lime-a3: color(display-p3 0.6902 1 0.3804 / 0.101);
            --lime-a4: color(display-p3 0.6706 0.9961 0.2784 / 0.169);
            --lime-a5: color(display-p3 0.7137 1 0.3569 / 0.219);
            --lime-a6: color(display-p3 0.7373 1 0.3882 / 0.282);
            --lime-a7: color(display-p3 0.7412 1 0.4039 / 0.349);
            --lime-a8: color(display-p3 0.7412 1 0.4 / 0.425);
            --lime-a9: color(display-p3 0.7373 1 0.3647 / 0.656);
            --lime-a10: color(display-p3 0.7176 0.9961 0.3059 / 0.606);
            --lime-a11: color(display-p3 0.7765 1 0.4784 / 0.778);
            --lime-a12: color(display-p3 0.8863 1 0.7608 / 0.929);

            --lime-contrast: #fff;
            --lime-surface: color(display-p3 0.102 0.1333 0.0784 / 0.5);
            --lime-indicator: oklch(68.8% 0.17 131.1);
            --lime-track: oklch(68.8% 0.17 131.1);
        }
    }
}

:root, .light, .light-theme {
    --lime-1: #fbfefa;
    --lime-2: #f6fbf3;
    --lime-3: #e7f9d9;
    --lime-4: #d8f4c1;
    --lime-5: #c7eba9;
    --lime-6: #b5df8f;
    --lime-7: #9ece70;
    --lime-8: #7eba38;
    --lime-9: #74af2b;
    --lime-10: #69a318;
    --lime-11: #4d7e00;
    --lime-12: #2c4016;

    --lime-a1: #33cc0005;
    --lime-a2: #40aa000c;
    --lime-a3: #5ed70026;
    --lime-a4: #5fd2003e;
    --lime-a5: #59c40056;
    --lime-a6: #57b70070;
    --lime-a7: #52a8008f;
    --lime-a8: #5aa700c7;
    --lime-a9: #589f00d4;
    --lime-a10: #599900e7;
    --lime-a11: #4d7e00;
    --lime-a12: #182e00e9;

    --lime-contrast: #fff;
    --lime-surface: #f4faf0cc;
    --lime-indicator: #74af2b;
    --lime-track: #74af2b;
}

@supports (color: color(display-p3 1 1 1)) {
    @media (color-gamut: p3) {
        :root, .light, .light-theme {
            --lime-1: oklch(99.3% 0.0058 131.1);
            --lime-2: oklch(98.2% 0.012 131.1);
            --lime-3: oklch(96% 0.046 131.1);
            --lime-4: oklch(93.3% 0.0733 131.1);
            --lime-5: oklch(89.9% 0.0955 131.1);
            --lime-6: oklch(85.5% 0.1139 131.1);
            --lime-7: oklch(79.6% 0.134 131.1);
            --lime-8: oklch(72.1% 0.17 131.1);
            --lime-9: oklch(68.8% 0.17 131.1);
            --lime-10: oklch(65% 0.17 131.1);
            --lime-11: oklch(53.8% 0.1505 131.1);
            --lime-12: oklch(34.4% 0.0708 131.1);

            --lime-a1: color(display-p3 0.4118 0.8039 0.0196 / 0.02);
            --lime-a2: color(display-p3 0.2902 0.6471 0.0196 / 0.044);
            --lime-a3: color(display-p3 0.4039 0.8039 0.0078 / 0.138);
            --lime-a4: color(display-p3 0.4078 0.7922 0.0039 / 0.224);
            --lime-a5: color(display-p3 0.3882 0.7412 0.0039 / 0.314);
            --lime-a6: color(display-p3 0.3686 0.6863 0.0039 / 0.408);
            --lime-a7: color(display-p3 0.3412 0.6235 0 / 0.518);
            --lime-a8: color(display-p3 0.349 0.6 0 / 0.699);
            --lime-a9: color(display-p3 0.3294 0.5647 0 / 0.738);
            --lime-a10: color(display-p3 0.3176 0.5333 0 / 0.789);
            --lime-a11: color(display-p3 0.2431 0.4118 0 / 0.867);
            --lime-a12: color(display-p3 0.0902 0.1529 0 / 0.891);

            --lime-contrast: #fff;
            --lime-surface: color(display-p3 0.9608 0.9804 0.9412 / 0.8);
            --lime-indicator: oklch(68.8% 0.17 131.1);
            --lime-track: oklch(68.8% 0.17 131.1);
        }
    }
}


html[data-accent-color='qtec-green'] {
    --accent-1: var(--lime-1);
    --accent-2: var(--lime-2);
    --accent-3: var(--lime-3);
    --accent-4: var(--lime-4);
    --accent-5: var(--lime-5);
    --accent-6: var(--lime-6);
    --accent-7: var(--lime-7);
    --accent-8: var(--lime-8);
    --accent-9: var(--lime-9);
    --accent-10: var(--lime-10);
    --accent-11: var(--lime-11);
    --accent-12: var(--lime-12);

    --accent-contrast: var(--lime-contrast);

    --accent-a1: var(--lime-a1);
    --accent-a2: var(--lime-a2);
    --accent-a3: var(--lime-a3);
    --accent-a4: var(--lime-a4);
    --accent-a5: var(--lime-a5);
    --accent-a6: var(--lime-a6);
    --accent-a7: var(--lime-a7);
    --accent-a8: var(--lime-a8);
    --accent-a9: var(--lime-a9);
    --accent-a10: var(--lime-a10);
    --accent-a11: var(--lime-a11);
    --accent-a12: var(--lime-a12);
}

.py-editor-input {
    background-color: white;
}