.welcome-card,
.student-welcome {
    background: linear-gradient(
        120deg,
        var(--forest),
        color-mix(in srgb, var(--forest) 78%, black)
    );
    border-color: color-mix(in srgb, var(--forest) 72%, black);
    color: #ffffff;
}

.welcome-card .eyebrow,
.student-welcome .eyebrow {
    color: color-mix(in srgb, var(--gold) 75%, white);
}

.welcome-card p:not(.eyebrow),
.student-welcome > div > p:last-child {
    color: rgba(255, 255, 255, 0.82);
}

.welcome-card .button-primary,
.student-welcome .button-primary {
    border-color: #ffffff;
    background: #ffffff;
    color: var(--forest);
}

.welcome-card .button-quiet,
.student-welcome .button-quiet,
.welcome-card .setup-badge,
.welcome-card .admissions-scope,
.student-welcome .student-status {
    border-color: rgba(255, 255, 255, 0.55);
    background: #ffffff;
    color: var(--forest);
}

body table thead th {
    border-color: color-mix(in srgb, var(--forest) 78%, black) !important;
    background: var(--forest) !important;
    color: #ffffff !important;
}

body table thead th:first-child {
    border-top-left-radius: 3px;
}

body table thead th:last-child {
    border-top-right-radius: 3px;
}

body table thead a,
body table thead button {
    color: inherit;
}

.settings-card select {
    width: 100%;
    height: 46px;
    border: 1px solid #cbd8d3;
    border-radius: 3px;
    background: #ffffff;
    padding: 0 12px;
    color: var(--ink);
    font: 14px inherit;
}

.settings-card select:focus {
    outline: 0;
    border-color: var(--forest);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--forest) 12%, transparent);
}