.footer {
    a {
        color: var(--primary-color);
    }

    a:hover {
        text-decoration: underline;
    }

    span,
    span.version {
        color: var(--text-color);
    }
}

/* Most of the buttons on Indico, except highlighted ones with a dark background */
button.i-button:not(.highlight),
a.i-button:not(.highlight) {
    color: var(--text-color) !important;
}

/* Most of the highlighted buttons on Indico */
button.i-button.highlight,
a.i-button.highlight {
    color: var(--text-light) !important;
}

/* Button hovering at the top of event pages */
.event-page-header .button-bar .i-button:not(.label):hover {
    background-image: linear-gradient(
        to bottom,
        var(--surface-highlight-color),
        var(--surface-default)
    );
}

/* Same as above but for selected buttons */
.event-page-header .button-bar .i-button:not(.label).open {
    background-image: linear-gradient(
        to bottom,
        var(--surface-highlight-color),
        var(--surface-default)
    );
}

/* Category list subcategory protection mode */
ul.category-list {
    span.protection > span {
        color: var(--text-color);
    }
}

/* Skip to content button (not necessary, but tools pick this up) */
ind-bypass-block-links > a {
    color: var(--text-color);
}

/* Event (export) icons */
span.event-icons {
    a,
    span {
        color: var(--text-color) !important;
    }
}

/* Account personal details synced fields */
div#personal-details-form-container {
    input:read-only {
        color: var(--text-color) !important;
    }
}

/* Breadcrumb names and path separators */
nav.main-breadcrumb .path .sep {
    color: var(--text-color) !important;
}

/* Event list icon button tooltips text color */
span.event-icons span {
    color: var(--text-light) !important;
}