:root {
    --ca-primary: #ed8008;
    --ca-primary-hover: #cf6f00;
    --ca-success: #7bb41d;
    --ca-info: #bdccd8;

    --ca-text: #2f3337;
    --ca-text-muted: #687078;
    --ca-heading: #202428;

    --ca-background: #ffffff;
    --ca-surface: #f6f7f8;
    --ca-surface-soft: #fafafa;
    --ca-border: #e5e7e9;

    --ca-radius-sm: 8px;
    --ca-radius-md: 14px;
    --ca-radius-lg: 20px;

    --ca-shadow-sm: 0 4px 18px rgb(28 35 40 / 6%);
    --ca-shadow-md: 0 14px 36px rgb(28 35 40 / 9%);

    --ca-transition: 180ms ease;
}

/*
 * Tutor LMS – Grundfarben
 */
.competenza-academy-tutor {
    --tutor-color-primary: var(--ca-primary);
    --tutor-color-primary-hover: var(--ca-primary-hover);
    --tutor-color-success: var(--ca-success);
}

/*
 * Buttons und zentrale Aktionen
 */
.competenza-academy-tutor .tutor-btn-primary,
.competenza-academy-tutor button.tutor-btn-primary,
.competenza-academy-tutor a.tutor-btn-primary {
    background-color: var(--ca-primary);
    border-color: var(--ca-primary);
    border-radius: var(--ca-radius-sm);
    box-shadow: none;
    transition:
        background-color var(--ca-transition),
        border-color var(--ca-transition),
        transform var(--ca-transition);
}

.competenza-academy-tutor .tutor-btn-primary:hover,
.competenza-academy-tutor button.tutor-btn-primary:hover,
.competenza-academy-tutor a.tutor-btn-primary:hover {
    background-color: var(--ca-primary-hover);
    border-color: var(--ca-primary-hover);
    transform: translateY(-1px);
}

/*
 * Dashboard-Navigation
 */
.competenza-academy-tutor .tutor-dashboard-menu-item.active a,
.competenza-academy-tutor .tutor-dashboard-menu-item a:hover {
    color: var(--ca-primary);
}

.competenza-academy-tutor .tutor-dashboard-menu-item.active a {
    background: rgb(237 128 8 / 10%);
}

/*
 * Karten
 */
.competenza-academy-tutor .tutor-card,
.competenza-academy-tutor .tutor-dashboard-content-inner > div {
    border-color: var(--ca-border);
    border-radius: var(--ca-radius-md);
}

/*
 * Links
 */
.competenza-academy-tutor a {
    transition: color var(--ca-transition);
}

.competenza-academy-tutor a:hover {
    color: var(--ca-primary-hover);
}