:root{
    --warrior-white-label-navy:rgb(11, 17, 32);
    --warrior-white-label-amber:rgb(217, 119, 6);
    --warrior-white-label-emerald:rgb(5, 150, 105);
    --warrior-white-label-warm-white:rgb(250, 250, 249);
}

html[data-white-label="warrior-spirit"] body{
    background:var(--background);
    color:var(--text-color);
}

html[data-white-label="warrior-spirit"] html-import.nav::part(nav){
    background:linear-gradient(180deg,var(--modal-background),var(--background));
    border-inline-end:1px solid rgba(217, 119, 6, .42);
    box-shadow:.35rem 0 1.4rem var(--shadow-color);
    box-sizing:border-box;
    color:var(--text-color);
    min-block-size:100%;
}

html[data-white-label="warrior-spirit"] html-import.header::part(header){
    border-block-end:2px solid var(--warrior-white-label-amber);
}

html[data-white-label="warrior-spirit"] html-import.header{
    --warrior-header-icon-filter:brightness(0) saturate(100%);
}

html[data-white-label="warrior-spirit"][data-color-scheme="dark"] html-import.header{
    --warrior-header-icon-filter:brightness(0) invert(1);
}

@media (prefers-color-scheme:dark){
    html[data-white-label="warrior-spirit"]:not([data-color-scheme]) html-import.header{
        --warrior-header-icon-filter:brightness(0) invert(1);
    }
}

html[data-white-label="warrior-spirit"] main.contents{
    background:var(--background);
}

html[data-white-label="warrior-spirit"] button,
html[data-white-label="warrior-spirit"] input[type="button"],
html[data-white-label="warrior-spirit"] input[type="submit"]{
    border-color:var(--warrior-white-label-emerald);
}

html[data-white-label="warrior-spirit"] button:focus-visible,
html[data-white-label="warrior-spirit"] a:focus-visible,
html[data-white-label="warrior-spirit"] input:focus-visible,
html[data-white-label="warrior-spirit"] select:focus-visible,
html[data-white-label="warrior-spirit"] textarea:focus-visible{
    outline:3px solid var(--warrior-white-label-amber);
    outline-offset:2px;
}

html[data-white-label="warrior-spirit"] section.color-table{
    display:none !important;
}

html[data-white-label="warrior-spirit"] #chat,
html[data-white-label="warrior-spirit"] #journalEditor{
    --accent-color:var(--warrior-white-label-amber);
    --focus-color:var(--warrior-white-label-amber);
}

html[data-white-label="warrior-spirit"] .dashboard-heading,
html[data-white-label="warrior-spirit"] .data-header{
    border-block-start:.3rem solid var(--warrior-white-label-amber);
    padding-block-start:1rem;
}

@media (prefers-reduced-motion:reduce){
    html[data-white-label="warrior-spirit"] *,
    html[data-white-label="warrior-spirit"] *::before,
    html[data-white-label="warrior-spirit"] *::after{
        scroll-behavior:auto !important;
        transition-duration:.01ms !important;
    }
}
