/* Shared values for builder, teaching, tools and student submission. */
.sp-forloeb-builder,
.spfs,
.spf-workflow,
.spf-tool,
.spf-bs-submit,
.spf-catalog{
    --spf-page-warm:#F5F3EF;
    --spf-work-sand:#DDD6CB;
    --spf-work-line:#B8AFA1;
    --spf-work-heading:#CFC5B6;
    --spf-card-surface:#FFFFFF;
    --spf-header-bg:#20242B;
    --spf-header-ink:#FFFFFF;
    --spf-header-muted:#B9C1CB;
    --spf-header-line:#FFFFFF29;
    --spf-header-hover:#FFFFFF21;
    --spf-header-active:#FFFFFF30;
    --spf-header-focus:#A9C5E3;
    --spf-header-height:60px;
    --spf-header-space:18px;
    --spf-header-font:13.5px;
    --spf-accent:#4A6A85;          /* baerende accent */
    --spf-accent-strong:#3A566D;   /* tryk og aktiv tilstand */
    --spf-accent-soft:#E7ECF1;     /* markering paa lys bund */
    --spf-accent-line:#B7C6D2;     /* kant paa aktive felter */
    --spf-accent-ring:#4A6A8533;   /* fokusring */
    --spf-scroll-thumb:#A9B8C4;
    --spf-scroll-track:transparent;
    --spf-ink:#20242B;
    --spf-radius:8px;
    --spf-radius-sm:6px;
}

/* Neutral surfaces shared by the course builder and course catalog. */
.sp-forloeb-builder,
.spf-catalog{
    --spf-page-surface:#F2F3F5;
    --spf-work-surface:#DDE0E4;
    --spf-work-border:#B8BEC6;
    --spf-secondary-surface:#F7F8F9;
    --spf-surface-hover:#E8EBEF;
    --spf-field-border:#A5ADB7;
    --spf-field-border-active:#727E8B;
    --spf-card-border:#C6CCD3;
    --spf-surface-muted:#5D6672;
}