/* The research status badges shared by the Research Supervision and Research Projects pages: green with a solid border for
   completed activities, neutral gray with a dashed border for ongoing ones (In Progress on a supervision, Ongoing on a project or special issue); a special issue whose submissions have closed is neutral gray with a solid border. */

.research-supervision,
.research-projects,
.ce-card,
.special-issue-card {
    --badge-completed-bg: #E8F5EC;
    --badge-completed-text: #246A43;
    --badge-ongoing-bg: #F1F2F4;
    --badge-ongoing-text: #68717D;
    --badge-ongoing-border: #A7AFB9;
}

:root[data-bs-theme="dark"] .research-supervision,
:root[data-bs-theme="dark"] .research-projects,
:root[data-bs-theme="dark"] .ce-card,
:root[data-bs-theme="dark"] .special-issue-card {
    --badge-completed-bg: #1F3A2C;
    --badge-completed-text: #86D4A6;
    --badge-ongoing-bg: #29313D;
    --badge-ongoing-text: #A9B3C0;
    --badge-ongoing-border: #6B7686;
}

.research-supervision-status.is-completed,
.research-project-status.is-completed,
.ce-card-status.is-completed,
.special-issue-status.is-ongoing {
    border-color: color-mix(in srgb, var(--badge-completed-text) 22%, transparent);
    background: var(--badge-completed-bg);
    color: var(--badge-completed-text);
    font-weight: 600;
}

.research-supervision-status.is-in-progress,
.research-project-status.is-in-progress {
    border-style: dashed;
    border-color: var(--badge-ongoing-border);
    background: var(--badge-ongoing-bg);
    color: var(--badge-ongoing-text);
    font-weight: 400;
}

/* On the special issues the colors carry the lifecycle: green for a call open for submissions, neutral gray for a closed or
   a completed one (a completed one in a heavier weight). */
.special-issue-status.is-completed,
.special-issue-status.is-closed {
    border-style: solid;
    border-color: var(--badge-ongoing-border);
    background: var(--badge-ongoing-bg);
    color: var(--badge-ongoing-text);
    font-weight: 500;
}

.special-issue-status.is-completed {
    font-weight: 600;
}