/* RESET VARIABLE DEFINITIONS */
:root {
    --primary: #eee;
    --secondary: #e2e2e2;
    --accent: #333;
    --primary-fg: #fff;

    --body-fg: #333;
    --body-bg: #fff;
    --body-quiet-color: #666;
    --body-loud-color: #000;

    --header-color: #000;
    --header-branding-color: var(--accent);
    --header-bg: var(--secondary);
    --header-link-color: #000;

    --breadcrumbs-fg: #000;
    --breadcrumbs-link-fg: #999;
    --breadcrumbs-bg: var(--primary);

    --link-fg: #000;
    --link-hover-color: #000;
    --link-selected-fg: #000;

    --hairline-color: #e8e8e8;
    --border-color: #ccc;

    --error-fg: #ba2121;

    --message-success-bg: #dfd;
    --message-warning-bg: #ffc;
    --message-error-bg: #ffefef;

    --darkened-bg: #f8f8f8;
    /* A bit darker than --body-bg */
    --selected-bg: #e4e4e4;
    /* E.g. selected table cells */
    --selected-row: #ccc;

    --button-fg: #fff;
    --button-bg: var(--primary);
    --button-hover-bg: #609ab6;

    --close-button-bg: #888;
    /* Previously #bbb, contrast 1.92 */
    --close-button-hover-bg: #747474;
    --delete-button-bg: #ba2121;
    --delete-button-hover-bg: #a41515;

    --object-tools-fg: var(--button-fg);
    --object-tools-bg: var(--close-button-bg);
    --object-tools-hover-bg: var(--close-button-hover-bg);




    /** NEW STYLE **/
    --light-bg: #75B798;
    --bg-black: #000;
    --default-button-bg: #198754;
    --default-button-hover-bg: #166842;
}