:root.karttapalvelu {
    /* Base colors */
    --text-color: #3a3a3a;
    --text-color-link: #9a9a9a;
    --text-color-disabled: #6d6d6d;
    --container-bg-color: #f8f8f8;
    --input-bg-color: white;
    --input-bg-color-disabled: #eee;
    --border-color: #bbb;
    --color-active: #078aa3;
    --focus-outline: 2px solid #7eb82f;
    /* Tooltips */
    --tooltip-bg-color: rgba(0, 0, 0, 0.75);
    --tooltip-text-color: white;
    --tooltip-border-color: black;
    /* Map buttons */
    --map-button-bg-color: #595959;
    --map-button-text-color: white;
    --map-button-active-bg-color: #f2f2f2;
    --map-button-active-text-color: #595959;
    /* Panels (topbar and bottom bar) */
    --panel-bg-color: #3f3f42;
    --panel-text-color: rgb(255, 255, 255);
    /* Titlebars */
    --titlebar-bg-color: #595959;
    --titlebar-text-color: white;
    /* Button */
    --button-bg-color: #e9e9e9;
    --button-bg-color-hover: #dcdcdc;
    --button-bg-color-active: #078aa3;
    --button-bg-color-active-hover: #06798d;
    --button-bg-color-disabled: #e9e9e9;
    --button-text-color: #595959;
    --button-text-color-hover: #595959;
    --button-text-color-active: white;
    --button-text-color-active-hover: white;
    --button-text-color-disabled: #bbb;
    /* List */
    --list-bg-color: white;
    --list-section-bg-color: #ccc;
    --list-section-text-color: #595959;
    --list-item-bg-color-even: #f0f0f0;
    --list-item-bg-color-hover: #dcdcdc;
    --list-item-bg-color-active: #078aa3;
    --list-item-bg-color-active-hover: #06798d;
    --list-item-text-color-hover: #595959;
    --list-item-text-color-active: white;
    --list-item-text-color-active-hover: white;
    /* App menu */
    --app-menu-bg-color: #f3f3f0;
    --app-menu-text-color: #000;
    --app-menu-bg-color-hover: #e2e0da;
    --app-menu-text-color-hover: #000;
    --app-submenu-bg-color: #3f3f42;
    --app-submenu-text-color: #f3f3f0;
    --app-submenu-bg-color-hover: #f3f3f0;
    --app-submenu-text-color-hover: #000;
}