/* J. Louis - Use Conrad's restrained typography and black/brown brand system. */
:root {
    --font-primary: Verdana, Geneva, Tahoma, sans-serif;
    --primary-color: #A27A5A;
    --primary-color-rgb: 162, 122, 90;
    --secondary-color: #000000;
    --secondary-color-rgb: 0, 0, 0;
    --logo-height: auto;
}

/* J. Louis - Keep Paradox's description and controls dark while allowing the panorama to show through. */
body {
    --glass-bg: rgba(0, 0, 0, 0.42);
    --glass-blur: blur(16px) saturate(160%) brightness(0.82);
    --btn-icon-color: #ffffff;
}

/* J. Louis - Leave the side-panel overlay 90% transparent so its background artwork remains visible. */
body aside {
    background-color: rgba(0, 0, 0, 0.1);
}

/* J. Louis - Keep database-driven group colors strong while allowing a trace of the menu artwork through. */
aside acc-menu > acc-menu-item-children > acc-menu-group.has-color > acc-menu-item-title,
aside acc-menu > acc-menu-item-children > acc-menu-group.has-color > acc-menu-item-title:hover,
aside acc-menu > acc-menu-item-children > acc-menu-group.has-color > acc-menu-item-title:focus {
    background-color: rgba(var(--group-color-rgb), 0.6);
}

/* J. Louis - Use a subdued grey selection instead of the shared bright active row. */
aside acc-menu acc-menu-item.active > acc-menu-item-title {
    background-color: rgba(255, 255, 255, 0.2);
    color: #ffffff;
}

section[btns][common] my-btn svg path,
section[btns][common] my-btn svg circle,
section[btns][common] my-btn svg rect {
    fill: #ffffff !important;
}

/* J. Louis - Use Conrad's primary-color dot rings without altering shared dot behavior. */
dots-menu dots-menu-item .dot_ring {
    fill: var(--primary-color, #A27A5A) !important;
}

/* J. Louis - Match Conrad's four-button desktop spacing. */
@media screen and (min-width: 501px) {
    section[nav_dots],
    #group-title {
        right: 15rem;
    }
}

/* J. Louis - Keep the Paradox identity legible on its existing entry gate. */
#splash_screen > div:not(.splash_overlay):not(#splash_spinner) img {
    filter: drop-shadow(0 0.2rem 0.8rem rgba(0, 0, 0, 0.72));
}