/*
 * Drevion public theme — foundation
Global tokens, document defaults, typography and interaction primitives.
 * Generated from the approved public baseline; one canonical rule per selector/context.
 */

@font-face {
    font-family: "Drevion Martel";
    src: url("/assets/tibiarl/fonts/martel.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Drevion Livingstone";
    src: url("/assets/tibiarl/fonts/livingstone.ttf") format("truetype");
    font-display: swap;
}

:root {
    --drevion-page-background-image: url("/assets/tibiarl/images/drevion/backgrounds/client/infernal-citadel.png");
    --drevion-black: #090907;
    --drevion-charcoal: #151411;
    --drevion-charcoal-deep: #0e0e0c;
    --drevion-gold: #b47b31;
    --drevion-gold-bright: #e0aa55;
    --drevion-parchment: #e4d3a6;
    --drevion-parchment-muted: #baa77c;
    --drevion-panel-gap: 10px;
    --drevion-action-min-width: 126px;
    --drevion-action-height: 31px;
    --drevion-action-inline-padding: 12px;
    --pixel-black: #070705;
    --pixel-charcoal: #12110e;
    --pixel-slate: #201a12;
    --pixel-gold-dark: #60401d;
    --pixel-gold: #b27a31;
    --pixel-gold-light: #e6ba68;
    --pixel-parchment: #e4d3a6;
    --pixel-muted: #b9a77b;
    --pixel-green: #52783a;
    --drevion-life-bright: #d6513f;
    --drevion-life-dark: #8f211d;
    --drevion-life-track-bright: #4b1c18;
    --drevion-life-track-dark: #210b0a;
    --drevion-mana-bright: #4c8fc2;
    --drevion-mana-dark: #265781;
    --drevion-mana-track-bright: #183a55;
    --drevion-mana-track-dark: #091927;
    --pixel-shadow: rgba(0, 0, 0, .84);
}

html {
    min-width: 0;
    background: var(--drevion-black);
}

body {
    min-width: 0 !important;
    color: var(--pixel-parchment) !important;
    font-family: "Trebuchet MS", Tahoma, sans-serif !important;
    background-color: #101112 !important;
    background-image: linear-gradient(rgba(4, 7, 8, .28), rgba(4, 5, 5, .5)),
    var(--drevion-page-background-image) !important;
    background-size: 100% auto !important;
    background-attachment: scroll !important;
    padding: 20px 16px 4px !important;
    font-size: 13px !important;
    background-repeat: repeat-y !important;
    background-position: center top !important;
}

body.drevion-public a,
body.drevion-public a:link,
body.drevion-public a:visited,
body.drevion-public a:hover,
body.drevion-public a:focus,
body.drevion-public a:focus-visible,
body.drevion-public a:active {
    text-decoration: none !important;
}

body.drevion-public input,
body.drevion-public select,
body.drevion-public textarea {
    color-scheme: dark;
}

body.drevion-public #Bodycontainer input:-webkit-autofill,
body.drevion-public #Bodycontainer input:-webkit-autofill:hover,
body.drevion-public #Bodycontainer input:-webkit-autofill:focus,
body.drevion-public #Bodycontainer input:-webkit-autofill:active,
body.drevion-public #Bodycontainer select:-webkit-autofill,
body.drevion-public #Bodycontainer select:-webkit-autofill:hover,
body.drevion-public #Bodycontainer select:-webkit-autofill:focus,
body.drevion-public #Bodycontainer select:-webkit-autofill:active,
body.drevion-public #Bodycontainer textarea:-webkit-autofill,
body.drevion-public #Bodycontainer textarea:-webkit-autofill:hover,
body.drevion-public #Bodycontainer textarea:-webkit-autofill:focus,
body.drevion-public #Bodycontainer textarea:-webkit-autofill:active {
    color: #ead9aa !important;
    -webkit-text-fill-color: #ead9aa !important;
    caret-color: #ead9aa !important;
    background-color: #0b0a08 !important;
    background-image: none !important;
    -webkit-box-shadow: 0 0 0 1000px #0b0a08 inset !important;
    box-shadow: 0 0 0 1000px #0b0a08 inset !important;
    transition: background-color 999999s 0s, color 999999s 0s !important;
}

body.drevion-public #Bodycontainer input:autofill,
body.drevion-public #Bodycontainer input:autofill:hover,
body.drevion-public #Bodycontainer input:autofill:focus,
body.drevion-public #Bodycontainer input:autofill:active,
body.drevion-public #Bodycontainer select:autofill,
body.drevion-public #Bodycontainer select:autofill:hover,
body.drevion-public #Bodycontainer select:autofill:focus,
body.drevion-public #Bodycontainer select:autofill:active,
body.drevion-public #Bodycontainer textarea:autofill,
body.drevion-public #Bodycontainer textarea:autofill:hover,
body.drevion-public #Bodycontainer textarea:autofill:focus,
body.drevion-public #Bodycontainer textarea:autofill:active {
    color: #ead9aa !important;
    caret-color: #ead9aa !important;
    background-color: #0b0a08 !important;
    background-image: none !important;
    box-shadow: 0 0 0 1000px #0b0a08 inset !important;
}

@media (min-width: 901px) {
    body.drevion-public {
        background-image: linear-gradient(rgba(4, 7, 8, .14), rgba(4, 5, 5, .2)),
        var(--drevion-page-background-image) !important;
    }
}

body.drevion-public #MenuColumn > #Menu a:hover .Submenuitem {
    color: #eedcaa !important;
}

body.drevion-public #MenuColumn > #Menu a:focus-visible .Submenuitem {
    color: #eedcaa !important;
}

body.drevion-public #Themeboxes .drevion-rail-card li a {
    font-family: "Trebuchet MS", Tahoma, sans-serif !important;
    font-size: 13px !important;
    font-kerning: none;
    font-variant-ligatures: none;
    font-feature-settings: "kern" 0, "liga" 0;
    letter-spacing: 0 !important;
    text-rendering: optimizeSpeed;
    text-shadow: 1px 1px #000 !important;
}

body.drevion-public #Themeboxes .drevion-top-players-list li a {
    font-family: "Trebuchet MS", Tahoma, sans-serif !important;
    font-size: 13px !important;
    font-kerning: none;
    font-variant-ligatures: none;
    font-feature-settings: "kern" 0, "liga" 0;
    letter-spacing: 0 !important;
    text-rendering: optimizeSpeed;
    text-shadow: 1px 1px #000 !important;
}

body.drevion-public .drevion-top-menu a {
    font-family: "Lucida Console", "Courier New", monospace !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
}

@media (max-width: 800px) {
    body {
        padding: 10px 10px 4px !important;
    }

}

@media (max-width: 1100px) {
    body.drevion-public .drevion-top-menu a {
        font-size: 13px !important;
    }

}

@media (max-width: 600px) {
    body.drevion-public .drevion-top-menu a {
        font-size: 11px !important;
    }

}