.practice-root{--hub-tone-apply:#4fd6a0;--hub-tone-warmup:#82b8ff;--hub-tone-exam:#ff8e90;--hub-tone-distinguish:#c9a0ff;--hub-tone-deep:#ffb27a;--hub-suggested-edge:#c6e6fb;--hub-stage-glow:#bec3cc33}.practice-root .hub-p-apply{--hub-tone:var(--hub-tone-apply)}.practice-root .hub-p-warmup{--hub-tone:var(--hub-tone-warmup)}.practice-root .hub-p-exam{--hub-tone:var(--hub-tone-exam)}.practice-root .hub-p-distinguish{--hub-tone:var(--hub-tone-distinguish)}.practice-root .hub-p-deep{--hub-tone:var(--hub-tone-deep)}.practice-root .hub-tone{color:var(--hub-tone);background:color-mix(in srgb, var(--hub-tone) 12%, transparent);border-color:color-mix(in srgb, var(--hub-tone) 35%, transparent)}.practice-root .hub-tone-tile{color:var(--hub-tone);background:color-mix(in srgb, var(--hub-tone) 14%, transparent);border-color:color-mix(in srgb, var(--hub-tone) 30%, transparent)}.practice-root .hub-stage-glow{background:radial-gradient(closest-side, var(--hub-stage-glow), transparent)}.practice-root .hub-stage-fade{background:linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--color-base) 92%, transparent) 75%, var(--color-base) 100%)}
