@import "/emcJS/_style/theme.css";

:root {
    --page-text-color: #ffffff;
    --page-back-color: #000000;
    --page-hover-text-color: #ffffff;
    --page-hover-back-color: #cb9c3d5c;

    /* all; top_bottom right_left; top right bottom left*/
    --page-border-color: #a57d2c #d0a44e #dbb976 #b1862f;
    /* all; top_bottom right_left; top right bottom left*/
    --page-border-color-inverted: #dbb976 #b1862f #a57d2c #d0a44e;

    --navigation-back-color: #cb9c3d;
    --navigation-text-color: #000000;

    --modal-border-color: var(--page-border-color-inverted);
    --modal-header-text-color: #000000;
    --modal-header-back-color: #cb9c3d;
    --modal-footer-text-color: #000000;
    --modal-footer-back-color: #cb9c3d;

    --tabpanel-categories-border-color: #cb9c3d;

    --tooltip-text-color: #ffffff;
    --tooltip-back-color: #000000;
    --tooltip-border-color: #ffffff;

    --edit-text-color: #ffffff;
    --edit-back-color: #222222;

    --main-hover-color: #cb9c3d32;

    --contextmenu-text-color: #cb9c3d;
    --contextmenu-back-color: #000000;
    --contextmenu-info-text-color: #cccccc;
    /* all; top_bottom right_left; top right bottom left*/
    --contextmenu-border-color: #cb9c3d;
    --contextmenu-hover-text-color: #e7be6b;
    --contextmenu-hover-back-color: #cb9c3d32;

    /* all; top_bottom right_left; top right bottom left*/
    --list-border-top-color: #d4ad5e77;
    /* all; top_bottom right_left; top right bottom left*/
    --list-border-bottom-color: #795b2077;

    --input-text-color: #000000;
    --input-back-color: #ffffff;
    --input-invalid-text-color: #db0000;
    --input-invalid-back-color: #ffcccc;
    --input-disabled-text-color: #424242;
    --input-disabled-back-color: #999999;
    /* all; top_bottom right_left; top right bottom left*/
    --input-border-color: #000000;
    --input-button-color: #cccccc;
    --input-color-hover: #eeeeee;
    --input-focus-color: #06b5ff;

    --button-text-color: #000000;
    --button-back-color: #e3cfa6;
    --button-hover-text-color: #000000;
    --button-hover-back-color: #c9b07d;
    --button-active-text-color: #000000;
    --button-active-back-color: #cb9c3d;

    --button-disabled-text-color: #535353;
    --button-disabled-back-color: #a19782;
    --button-disabled-border-color: #535353;

    --switch-checked-back-color: #a4a4ff;
    --switch-unchecked-back-color: #ffa4a4;
    --switch-button-back-color: #ffffff;

    --progress-back-color: #ffffff;
    --progress-fill-color: #cb9c3d;

    --slider-track-size: 5px;
    --slider-track-color: #755922;
    --slider-track-border-width: 0px;
    --slider-track-border-style: none;
    --slider-track-border-color: transparent;
    --slider-track-border-radius: 0px;

    --slider-thumb-size: 15px;
    --slider-thumb-color: var(--navigation-back-color);
    --slider-thumb-border-width: 4px;
    --slider-thumb-border-style: solid;
    --slider-thumb-border-color: var(--page-border-color-inverted);
    --slider-thumb-border-radius: 0px;

    --datagrid-empty-text-color: #666666;
    --datagrid-empty-back-color: #dadada;
    --datagrid-empty-back-image: none;
    --datagrid-empty-border-color: #666666;
    --datagrid-empty-border-width: 2px;
    --datagrid-empty-border-radius: 6px;

    --datagrid-column-seperator-width: 2px;

    --datagrid-header-text-color: #000000;
    --datagrid-header-back-color: #cb9c3d;
    --datagrid-header-seperator-color: #000000;

    --datagrid-row-seperator-width: 1px;
    --datagrid-row-seperator-color: #cb9c3d91;

    --scrollbar-size: 12px;
    --scrollbar-corner-color: #000000;

    --scrollbar-track-color: #000000;
    --scrollbar-track-color-hover: #000000;
    --scrollbar-track-color-active: #000000;
    --scrollbar-track-border-width: 0px;
    --scrollbar-track-border-style: none;
    --scrollbar-track-border-color: transparent;
    --scrollbar-track-border-radius: 0px;

    --scrollbar-thumb-color: var(--navigation-back-color);
    --scrollbar-thumb-color-hover: var(--scrollbar-thumb-color);
    --scrollbar-thumb-color-active: var(--scrollbar-thumb-color);
    --scrollbar-thumb-border-width: 4px;
    --scrollbar-thumb-border-style: solid;
    --scrollbar-thumb-border-color: var(--page-border-color-inverted);
    --scrollbar-thumb-border-radius: 0px;

    --gt-badge-back-color: #795d0044;

    /* ally color variables for world entities */
    --world-entry-status-opened-color: #777777;
    --world-entry-status-available-color: #00ff00;
    --world-entry-status-unavailable-color: #ff0000;
    --world-entry-status-possible-color: #ffff00;
    --world-connection-background-color: #ffffff;
    --world-connection-text-color: #000000;

    /* ally color variables for archipelago */
    --ap-color-player-current: #ee00ee;
    --ap-color-player-other: #fafad2;
    --ap-color-item-progressive: #af99ef;
    --ap-color-item-useful: #6d8be8;
    --ap-color-item-normal: #00eeee;
    --ap-color-item-trap: #fa8072;
    --ap-color-location: #00ff7f;
    --ap-color-entrance: #6495ed;
}
