/* GENERATED by tools/scope-giallo-light.py — do not edit by hand.
 *
 * Giallo emits light and dark token classes on the same element
 * (class="z-l-3 z-d-3") and neither generated stylesheet is theme-scoped, so
 * load order alone decides which wins — and tabi loads the dark file second.
 * These rules re-assert the light theme with enough specificity to win when
 * the page is actually light.
 *
 * Source: public/giallo-light.css
 * Regenerate after changing light_theme in config.toml.
 */

/* --- site toggled to light --- */
html[data-theme='light'] .z-l-code {
    color: #24292E; background-color: #FFFFFF;
}
html[data-theme='light'] .z-l-hl {
    background-color: #F6F8FA;
}
html[data-theme='light'] .giallo-ln {
    color: #1B1F234D;
}
html[data-theme='light'] .z-l-1 {
    color: #005CC5;
}
html[data-theme='light'] .z-l-2 {
    color: #032F62;
}
html[data-theme='light'] .z-l-3 {
    color: #22863A;
}
html[data-theme='light'] .z-l-4 {
    color: #586069;
}
html[data-theme='light'] .z-l-5 {
    color: #6A737D;
}
html[data-theme='light'] .z-l-6 {
    color: #6F42C1;
}
html[data-theme='light'] .z-l-7 {
    color: #B31D28;
}
html[data-theme='light'] .z-l-8 {
    color: #D73A49;
}
html[data-theme='light'] .z-l-9 {
    color: #E36209;
}
html[data-theme='light'] .z-l-10 {
    color: #F6F8FA;
}
html[data-theme='light'] .z-l-11 {
    color: #FAFBFC;
}
html[data-theme='light'] .z-l-bg1 {
    background-color: #005CC5;
}
html[data-theme='light'] .z-l-bg2 {
    background-color: #D73A49;
}
html[data-theme='light'] .z-l-bg3 {
    background-color: #F0FFF4;
}
html[data-theme='light'] .z-l-bg4 {
    background-color: #FFEBDA;
}
html[data-theme='light'] .z-l-bg5 {
    background-color: #FFEEF0;
}
html[data-theme='light'] .z-l-b {
    font-weight: bold;
}
html[data-theme='light'] .z-l-i {
    font-style: italic;
}
html[data-theme='light'] .z-l-u {
    text-decoration: underline;
}
html[data-theme='light'] .z-l-s {
    text-decoration: line-through;
}
html[data-theme='light'] .z-l-us {
    text-decoration: underline line-through;
}

/* --- no data-theme attribute yet (pre-JS), OS prefers light --- */
@media (prefers-color-scheme: light) {
    html:not([data-theme='dark']) .z-l-code {
        color: #24292E; background-color: #FFFFFF;
    }
    html:not([data-theme='dark']) .z-l-hl {
        background-color: #F6F8FA;
    }
    html:not([data-theme='dark']) .giallo-ln {
        color: #1B1F234D;
    }
    html:not([data-theme='dark']) .z-l-1 {
        color: #005CC5;
    }
    html:not([data-theme='dark']) .z-l-2 {
        color: #032F62;
    }
    html:not([data-theme='dark']) .z-l-3 {
        color: #22863A;
    }
    html:not([data-theme='dark']) .z-l-4 {
        color: #586069;
    }
    html:not([data-theme='dark']) .z-l-5 {
        color: #6A737D;
    }
    html:not([data-theme='dark']) .z-l-6 {
        color: #6F42C1;
    }
    html:not([data-theme='dark']) .z-l-7 {
        color: #B31D28;
    }
    html:not([data-theme='dark']) .z-l-8 {
        color: #D73A49;
    }
    html:not([data-theme='dark']) .z-l-9 {
        color: #E36209;
    }
    html:not([data-theme='dark']) .z-l-10 {
        color: #F6F8FA;
    }
    html:not([data-theme='dark']) .z-l-11 {
        color: #FAFBFC;
    }
    html:not([data-theme='dark']) .z-l-bg1 {
        background-color: #005CC5;
    }
    html:not([data-theme='dark']) .z-l-bg2 {
        background-color: #D73A49;
    }
    html:not([data-theme='dark']) .z-l-bg3 {
        background-color: #F0FFF4;
    }
    html:not([data-theme='dark']) .z-l-bg4 {
        background-color: #FFEBDA;
    }
    html:not([data-theme='dark']) .z-l-bg5 {
        background-color: #FFEEF0;
    }
    html:not([data-theme='dark']) .z-l-b {
        font-weight: bold;
    }
    html:not([data-theme='dark']) .z-l-i {
        font-style: italic;
    }
    html:not([data-theme='dark']) .z-l-u {
        text-decoration: underline;
    }
    html:not([data-theme='dark']) .z-l-s {
        text-decoration: line-through;
    }
    html:not([data-theme='dark']) .z-l-us {
        text-decoration: underline line-through;
    }
}