/* Class and course colors for lesson entries on the authenticated dashboard. */

.dashboard-page .dashboard-agenda__item--lesson {
    border-left-color: var(--dashboard-class-color, var(--color-blue-600));
    background:
        linear-gradient(
            90deg,
            color-mix(in srgb, var(--dashboard-class-color, #0878f9) 10%, #ffffff),
            color-mix(in srgb, var(--dashboard-class-color, #0878f9) 4%, #ffffff)
        );
}

.dashboard-page .dashboard-agenda__item--lesson:hover,
.dashboard-page .dashboard-agenda__item--lesson:focus-visible {
    border-color: color-mix(
        in srgb,
        var(--dashboard-class-color, #0878f9) 62%,
        #ffffff
    );
    border-left-color: var(--dashboard-class-color, #0878f9);
    background: color-mix(
        in srgb,
        var(--dashboard-class-color, #0878f9) 7%,
        #ffffff
    );
}

.dashboard-page .dashboard-agenda__item--lesson .dashboard-agenda__kind {
    color: var(--color-navy-900);
    background: color-mix(
        in srgb,
        var(--dashboard-class-color, #0878f9) 18%,
        #ffffff
    );
    box-shadow: inset 0 0 0 1px color-mix(
        in srgb,
        var(--dashboard-class-color, #0878f9) 58%,
        #ffffff
    );
}

.dashboard-page .dashboard-agenda__item--lesson .dashboard-agenda__time {
    text-decoration-color: var(--dashboard-class-color, #0878f9);
}