/* bright.css */
:root {
    --background-color: #ffffff;
    --button-bg-color: #e7e7e7;
    --button-bg-color-selected: #ffde79;
    --emphasis-bg-color-1: #f1f1f1;
    --emphasis-bg-color-2: #dcdcdc;
    --emphasis-bg-color-reversed-1: #db0058;
    --selection-bg-color-1: #007bff;
    --selection-bg-color-reversed-1: #ffe251;
    --text-color: #000000;
    --weak-text-color: #8f8f8f;
    --text-color-reversed-1: #ffffff;
    --link-color: #0049c6;
    --card-shadow-1: #9f9f9f;
    --topic-color: #ff8000;
    --independent-emphasis-color: #0000ff;
    --independent-alert-color: #ff0000;
    --border-end-color: #001997;
}

.cross {
    background-color: #ffffff;
    opacity: 1;
    background: radial-gradient(circle, transparent 20%, #ffffff 20%, #ffffff 80%, transparent 80%, transparent), radial-gradient(circle, transparent 20%, #ffffff 20%, #ffffff 80%, transparent 80%, transparent) 12.5px 12.5px, linear-gradient(#e7e7e7 1px, transparent 1px) 0 -0.5px, linear-gradient(90deg, #e7e7e7 1px, #ffffff 1px) -0.5px 0;
    background-size: 25px 25px, 25px 25px, 12.5px 12.5px, 12.5px 12.5px;
}