:root {
    --testup-primary-dark: #102f5d;
    --testup-primary: #0f5ef7;
    --testup-primary-soft: #eef6ff;
    --testup-primary-text: #1453b8;
    --testup-primary-border: #d8e5fa;
    --testup-heading: #132a4b;
}

.testup-ui .testup-dashboard__header,
.testup-ui .testup-lesson__header {
    background: linear-gradient(135deg, var(--testup-primary-dark) 0%, var(--testup-primary) 100%);
}

.testup-ui .testup-button:not(.testup-button--secondary):not(.testup-button--locked):not(.testup-button--completed),
.testup-product-page .testup-product-button,
.testup-product-page .testup-product-start-decal {
    background: linear-gradient(135deg, var(--testup-primary-dark) 0%, var(--testup-primary) 100%);
    border-color: var(--testup-primary);
}

.testup-ui .testup-button:not(.testup-button--secondary):not(.testup-button--locked):not(.testup-button--completed):hover,
.testup-ui .testup-button:not(.testup-button--secondary):not(.testup-button--locked):not(.testup-button--completed):focus,
.testup-product-page .testup-product-button:hover,
.testup-product-page .testup-product-button:focus,
.testup-product-page .testup-product-start-decal:hover,
.testup-product-page .testup-product-start-decal:focus {
    background: linear-gradient(135deg, color-mix(in srgb, var(--testup-primary-dark) 88%, #000 12%) 0%, color-mix(in srgb, var(--testup-primary) 88%, #000 12%) 100%);
    border-color: color-mix(in srgb, var(--testup-primary) 88%, #000 12%);
}

.testup-ui .testup-button--secondary,
.testup-product-page .testup-product-pill,
.testup-product-page .testup-product-lesson-row__number,
.testup-product-page .testup-product-status-pill,
.testup-product-page .testup-product-plan-row__number,
.testup-dashboard-lesson-row__marker,
.testup-plan-card__header strong,
.testup-pack-switcher > div span {
    color: var(--testup-primary-text);
}

.testup-ui .testup-button--secondary,
.testup-product-page .testup-product-pill,
.testup-dashboard-lesson-row__marker,
.testup-plan-card__header strong {
    background-color: var(--testup-primary-soft);
    border-color: var(--testup-primary-border);
}

.testup-product-page .testup-product-logo,
.testup-product-page .testup-product-pill--primary,
.testup-product-page .testup-product-plan-row__number {
    background: var(--testup-primary-dark);
    border-color: var(--testup-primary-dark);
    color: #ffffff;
}

.testup-product-page .testup-offer-card__accent,
.testup-product-page .testup-enrollment-card__accent {
    background: linear-gradient(90deg, var(--testup-primary-dark), var(--testup-primary));
}

.testup-ui .testup-progress span {
    background: linear-gradient(90deg, #22a06b 0%, var(--testup-primary) 100%);
}

.testup-ui .testup-dashboard-lesson-row:hover,
.testup-ui .testup-dashboard-lesson-row:focus,
.testup-product-page .testup-product-lesson-row:hover,
.testup-product-page .testup-product-lesson-row:focus {
    background: var(--testup-primary-soft);
}

.testup-ui .testup-plan-card__header h3,
.testup-ui .testup-pack-switcher strong,
.testup-product-page .testup-product-hero h1,
.testup-product-page .testup-feature-table-card__title,
.testup-product-page .testup-product-plan-card h2,
.testup-product-page .testup-offer-card__title {
    color: var(--testup-heading);
}