html[data-theme="tibia"] {

    --accent: #6e6e6e;
    --accent-rgb: 110, 110, 110;

    --accent-text: #b2b2b2;


    --accent-2: #4cd94c;
    --accent-2-rgb: 76, 217, 76;


    --page-bg: #232323;
    --surface-rgb: 68, 68, 68;
    --surface-hi-rgb: 86, 86, 86;
    --panel-rgb: 56, 56, 56;
    --panel-deep-rgb: 42, 42, 42;
    --shadow-rgb: 0, 0, 0;


    --text: #c8c8c8;
    --text-bright: #ffffff;
    --text-strong: #e8e8e8;

    --text-muted: #d4d4d4;

    --text-dim: #b3b3b3;
    --text-warm: #d8b468;
    --border-subtle: #363636;


    --gold: #d8a020;
    --gold-rgb: 216, 160, 32;
    --gold-alt: #b8860b;
    --danger: #d44040;
    --danger-rgb: 212, 64, 64;
    --danger-text: #eaa0a0;
    --info: #5878c8;
    --info-rgb: 88, 120, 200;
    --success: #4cd94c;


    --font-ui: Verdana, Tahoma, Geneva, sans-serif;
    --font-display: Verdana, Tahoma, Geneva, sans-serif;

    --title-gradient: linear-gradient(180deg, #ffffff 15%, #b8b8b8 85%);


    --panel-bg-alpha: 1;
    --panel-border: 2px outset #5e5e5e;
    --panel-accent-bar: 2px outset #5e5e5e;
    --panel-border-hover: #7e7e7e;
    --panel-radius: 0;
    --panel-shadow: none;
    --panel-shadow-hover: none;
    --panel-blur: none;
    --panel-lift: none;
    --panel-texture: none;

    --field-border: 2px inset #4a4a4a;
    --field-radius: 0;

    --h1-bg: linear-gradient(180deg, #5c5c5c, #464646);
    --h1-border: 2px outset #5e5e5e;
    --h1-radius: 0;
    --h1-padding: 4px 16px;
    --h1-shadow: none;
    --h1-blur: none;
    --heading-color: #ffffff;
    --heading-glow: none;
    --heading-glow-small: none;
    --heading-rule: 1px solid #333333;
}


html[data-theme="tibia"] body {
    background-image: none;
}


html[data-theme="tibia"] body::before,
html[data-theme="tibia"] body::after {
    display: none;
}


html[data-theme="tibia"] .box h2 {
    margin: -12px -15px 10px -15px;
    padding: 3px 8px;
    background: linear-gradient(180deg, #5e5e5e, #4a4a4a);
    border-bottom: 1px solid #2e2e2e;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.3px;
}


html[data-theme="tibia"] .box-icon {
    display: none !important;
}


html[data-theme="tibia"] .stream-link-item {
    border-radius: 0;
    font-size: 13px;
}

html[data-theme="tibia"] .stream-link-item:hover {
    background: rgba(var(--accent-2-rgb), 0.18);
    border-color: transparent;
}


html[data-theme="tibia"] .stream-link-container {
    display: block;
}

html[data-theme="tibia"] .stream-link-item {
    display: block;
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    margin: 0 0 3px 0;
    padding: 4px 8px;
    background: linear-gradient(180deg, #585858, #484848);
    border: 2px outset #6a6a6a;
    border-radius: 0;
    color: #dcdcdc;
    font-size: 12px;
    text-align: center;
    transition: none;
}

html[data-theme="tibia"] .stream-link-item:hover {
    background: linear-gradient(180deg, #646464, #545454);
    border-color: #7e7e7e;
    color: #ffffff;
}


html[data-theme="tibia"] .stream-link-item:active {
    border-style: inset;
    background: linear-gradient(180deg, #444444, #505050);
    padding: 5px 7px 3px 9px;
}


html[data-theme="tibia"] .stream-link-item::before {
    content: none;
}



html[data-theme="tibia"],
html[data-theme="tibia"] .container > .column {
    scrollbar-width: auto;
    scrollbar-color: auto;
}

html[data-theme="tibia"] ::-webkit-scrollbar,
html[data-theme="tibia"] .container > .column::-webkit-scrollbar {
    width: 15px;
    height: 15px;
}

html[data-theme="tibia"] ::-webkit-scrollbar-track,
html[data-theme="tibia"] .container > .column::-webkit-scrollbar-track {
    background: #2b2b2b;
    border: 1px inset #383838;
    border-radius: 0;
}

html[data-theme="tibia"] ::-webkit-scrollbar-thumb,
html[data-theme="tibia"] .container > .column::-webkit-scrollbar-thumb {
    background: #565656;
    border: 2px outset #6e6e6e;
    border-radius: 0;
}

html[data-theme="tibia"] ::-webkit-scrollbar-thumb:hover,
html[data-theme="tibia"] .container > .column::-webkit-scrollbar-thumb:hover {
    background: #646464 !important;
    border-color: #808080;
}

html[data-theme="tibia"] ::-webkit-scrollbar-corner {
    background: #2b2b2b;
}


html[data-theme="tibia"] .streamers-popup {
    width: 230px;
    border: 2px outset #5e5e5e;
    border-radius: 0;
    background: #3c3c3c;
    backdrop-filter: none;
}


html[data-theme="tibia"] .streamers-popup-header {
    padding: 3px 8px;
    background: linear-gradient(180deg, #5e5e5e, #4a4a4a);
    border-bottom: 1px solid #2e2e2e;
    font-size: 12px;
    font-weight: bold;
    color: var(--text-bright);
}


html[data-theme="tibia"] .streamers-popup-list {
    margin: 4px;
    padding: 2px;
    border: 2px inset #4a4a4a;
    background: #333333;
}


html[data-theme="tibia"] .streamer-row {
    gap: 7px;
    padding: 2px 5px;
    border: 1px solid transparent;
    border-radius: 0;
    transition: none;
}

html[data-theme="tibia"] .streamer-row:hover {
    padding: 2px 5px;
    background: #4a4a4a;
    border-color: #6a6a6a;
}

html[data-theme="tibia"] .streamer-row img {
    width: 18px;
    height: 18px;
    border-radius: 0;
    border: none;
}

html[data-theme="tibia"] .streamer-name {
    font-size: 12px;
    font-weight: bold;
    color: var(--text-bright);
}


html[data-theme="tibia"] .add-streamer-inline {
    margin-top: 4px;
    padding: 3px 8px;
    background: linear-gradient(180deg, #585858, #484848);
    border: 2px outset #6a6a6a;
    border-radius: 0;
    color: #dcdcdc;
    font-size: 12px;
}

html[data-theme="tibia"] .add-streamer-inline:hover {
    background: linear-gradient(180deg, #646464, #545454);
    border-color: #7e7e7e;
}


html[data-theme="tibia"] #standaloneGenerator {
    --gen-akcent: var(--text-warm);

    --gen-akcent-rgb: 216, 180, 104;
}