/* Light theme - Colors only */
:root {
    --border-debug: #8B0000;
    --border-header: #00008B;
    --border-main: #4B0082;
    --border-article: #FF8C00;
    --border-heading: #006400;
    --dialog-bg: antiquewhite;
    --dialog-border: #595959;
    --dialog-text: #000000;
    --buttonbar-bg: #32CD32;
    --debug-panel-bg: #FFFFFF;
    --debug-panel-border: #595959;
    --debug-text: #005700;
    --base-bg: #FFFFFF;
    --base-text: #000000;
    --media-bg: #F0F8FF;
    --button-bg: #E8E8E8;
    --input-text: #000000;
    --input-bg: #FFFFFF;
    --input-border: #999999;
    --link-color: #0066CC;
    --highlight-border: #FFD700;
    --highlight-bg: #FFFACD;
    --menu-bg: #FFFFFF;
    --menu-item-bg: #F5F5F5;
    --menu-text: #000000;
    --overlay-border: #0086B3;
    --message-bg: rgba(255, 255, 255, 0.9);
    --message-text: #000000;
}

body {
    background: cornsilk;
}
.highlight {
    border: solid #007bff;
    transition: border 1s ease;
}
#idMenuItems,
.menu ul{
        background: aliceblue;
}
.menu summary span {
    background: #333333;
    color: #FFFFFF;
}
h2,
header {
    background: lightgray;
}
 
button {
    background-color: var(--button-bg);
    border-color: var(--input-border);
}

input, select {
    background-color: var(--input-bg);
    color: var(--input-text);
    border-color: var(--input-border);
} 
 
.clsAppMessage,
.clsSplash,
.clsVideoImgBox,
header div{
    background: aquamarine;
}
.spinner {
   border: 10px solid red;
   border-top: 10px solid green;
}
.fade-out-message {
    background: aquamarine;
    }