:root.highcontrast {
    /* Base colors */
    --text-color: black;
    --text-color-link: #2980b9;
    --text-color-disabled: #999;
    --container-bg-color: white;
    --input-bg-color: white;
    --input-bg-color-disabled: white;
    --border-color: #2c3e50;
    --color-active: #3498db;
    --focus-outline: 2px solid #2c3e50;
    /* Tooltips */
    --tooltip-bg-color: rgba(44, 62, 80, 0.9);
    --tooltip-text-color: white;
    --tooltip-border-color: #2c3e50;
    /* Map buttons */
    --map-button-bg-color: #2c3e50;
    --map-button-text-color: white;
    --map-button-hover-bg-color: #3498db;
    --map-button-hover-text-color: white;
    --map-button-active-bg-color: #2980b9;
    --map-button-active-text-color: white;
    /* Panels (topbar and bottom bar) */
    --panel-bg-color: rgba(44, 62, 80, 0.92);
    --panel-text-color: white;
    /* Titlebars */
    --titlebar-bg-color: #2c3e50;
    --titlebar-text-color: white;
    /* Button */
    --button-bg-color: white;
    --button-bg-color-hover: #e7f1ff;
    --button-bg-color-active: #2c3e50;
    --button-bg-color-active-hover: #34495e;
    --button-bg-color-disabled: white;
    --button-text-color: #cdcdcd;
    --button-text-color-hover: #2c3e50;
    --button-text-color-active: white;
    --button-text-color-active-hover: white;
    --button-text-color-disabled: #548abc;
    /* List */
    --list-bg-color: white;
    --list-section-bg-color: #2c3e50;
    --list-section-text-color: white;
    --list-item-bg-color-even: #f0f4f8;
    --list-item-bg-color-hover: #e7f1ff;
    --list-item-bg-color-active: #d4e6f9;
    --list-item-bg-color-active-hover: #c0d8f0;
    --list-item-text-color-hover: #2c3e50;
    --list-item-text-color-active: #2c3e50;
    --list-item-text-color-active-hover: #2c3e50;
    /* App menu */
    --app-menu-bg-color: white;
    --app-menu-text-color: #2c3e50;
    --app-menu-bg-color-hover: #e7f1ff;
    --app-menu-text-color-hover: #2c3e50;
    --app-submenu-bg-color: #2c3e50;
    --app-submenu-text-color: white;
    --app-submenu-bg-color-hover: #34495e;
    --app-submenu-text-color-hover: white;
}

:root.dark {
    /* Base colors */
    --text-color: #e0e6ed;
    --text-color-link: #5dade2;
    --container-bg-color: #1a2533;
    --input-bg-color: #243447;
    --input-bg-color-disabled: #182230;
    --text-color-disabled: #6c7a89;
    --border-color: #2c3e50;
    --color-active: #5dade2;
    --focus-outline: 2px solid #3498db;
    /* Tooltips */
    --tooltip-bg-color: rgba(26, 37, 51, 0.92);
    --tooltip-text-color: #e0e6ed;
    --tooltip-border-color: #2c3e50;
    /* Map buttons */
    --map-button-bg-color: #2c3e50;
    --map-button-text-color: #e0e6ed;
    --map-button-hover-bg-color: #3498db;
    --map-button-hover-text-color: white;
    --map-button-active-bg-color: #2980b9;
    --map-button-active-text-color: white;
    /* Panels (topbar and bottom bar) */
    --panel-bg-color: rgba(26, 37, 51, 0.92);
    --panel-text-color: #e0e6ed;
    /* Titlebars */
    --titlebar-bg-color: #1a2533;
    --titlebar-text-color: #e0e6ed;
    /* Button */
    --button-bg-color: #243447;
    --button-bg-color-hover: #2c3e50;
    --button-bg-color-active: #3498db;
    --button-bg-color-active-hover: #2980b9;
    --button-bg-color-disabled: #1a2533;
    --button-text-color: #e0e6ed;
    --button-text-color-hover: white;
    --button-text-color-active: white;
    --button-text-color-active-hover: white;
    --button-text-color-disabled: #4a5568;
    /* List */
    --list-bg-color: #243447;
    --list-section-bg-color: #1a2533;
    --list-section-text-color: #e0e6ed;
    --list-item-bg-color-even: #1f2f40;
    --list-item-bg-color-hover: #2c3e50;
    --list-item-bg-color-active: #34495e;
    --list-item-bg-color-active-hover: #3d566e;
    --list-item-text-color-hover: white;
    --list-item-text-color-active: white;
    --list-item-text-color-active-hover: white;
    /* App menu */
    --app-menu-bg-color: #243447;
    --app-menu-text-color: #e0e6ed;
    --app-menu-bg-color-hover: #2c3e50;
    --app-menu-text-color-hover: white;
    --app-submenu-bg-color: #1a2533;
    --app-submenu-text-color: #e0e6ed;
    --app-submenu-bg-color-hover: #2c3e50;
    --app-submenu-text-color-hover: white;
}