/*
 * Discord settings is Octane's own window (AIR has no layout for it), so its text follows the AIR conventions:
 * regular Ubuntu (HabboAirUbuntu; Octane's `Ubuntu` is the condensed cut), u_regular 12 px pure black body,
 * u_bold 12 px option names, 11 px #666666 descriptions, a 14 px bold section title and the grey button_thick
 * for the server links. The blurple banner and the Discord-coloured presence preview keep their colours, and the
 * shared card header keeps its own face.
 */
.discord-settings-window {
    --octane-card-text: #000000;
    font-family: HabboAirUbuntu, UbuntuRegular, sans-serif;
}

.discord-settings-window .octane-card-content-shell {
    color: #000000;
    font-size: 12px;
    line-height: 15px;
}

@layer base {
    .discord-settings-window :where(*):not(svg, svg *, .octane-card-header-shell, .octane-card-header-shell *) {
        font-family: HabboAirUbuntu, UbuntuRegular, sans-serif !important;
    }
}

/* Section title ("Discord servers"): u_headline_small, 14 px bold black, not upper case. */
.discord-settings-window .discord-settings-section-title {
    color: #000000;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
}

/* Server links: AIR's grey button_thick (habbo_skin_button_shiny_thick), u_bold 12 px black. */
.discord-settings-window .discord-settings-server-link {
    min-height: 30px;
    border: 5px solid transparent !important;
    border-radius: 0 !important;
    border-image-source: var(--habbo-skin-shiny-thick) !important;
    border-image-slice: 5 fill !important;
    border-image-width: 5px !important;
    border-image-repeat: stretch !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #000000;
    font-size: 12px;
    font-weight: 700;
    text-shadow: none;
    image-rendering: var(--octane-pixel-art, pixelated);
}

.discord-settings-window .discord-settings-server-link:hover {
    border-image-source: var(--habbo-skin-shiny-thick-hover) !important;
}

.discord-settings-window .discord-settings-server-link:active {
    border-image-source: var(--habbo-skin-shiny-thick-pressed) !important;
}